sybers.fr / leaflet
a tool for shared writing and social publishing
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

simplified spacing and height issues

celine 70d2f41c 44d39014

+8 -8
+4 -4
components/ActionBar/ActionButton.tsx
··· 37 37 actionButton relative font-bold 38 38 rounded-md border 39 39 flex gap-2 items-center sm:justify-start justify-center 40 - p-1 sm:mr-0 last:mr-0 first:mr-2 sm:first:mr-0 40 + p-1 sm:mx-0 41 41 ${ 42 42 props.primary 43 - ? "w-full bg-accent-1 border-accent-1 text-accent-2 transparent-outline sm:hover:outline-accent-contrast focus:outline-accent-1 outline-offset-1 mr-2" 43 + ? "w-full bg-accent-1 border-accent-1 text-accent-2 transparent-outline sm:hover:outline-accent-contrast focus:outline-accent-1 outline-offset-1 mx-1 first:ml-0" 44 44 : props.secondary 45 - ? "sm:w-full w-max bg-bg-page border-accent-contrast text-accent-contrast transparent-outline focus:outline-accent-contrast sm:hover:outline-accent-contrast outline-offset-1 mr-2" 46 - : "sm:w-full w-max border-transparent text-accent-1 sm:hover:border-accent-1 mr-1" 45 + ? "sm:w-full w-max bg-bg-page border-accent-contrast text-accent-contrast transparent-outline focus:outline-accent-contrast sm:hover:outline-accent-contrast outline-offset-1 mx-1 first:ml-0" 46 + : "sm:w-full w-max border-transparent text-accent-1 sm:hover:border-accent-1" 47 47 } 48 48 `} 49 49 >
+2 -2
components/ActionBar/Footer.tsx
··· 8 8 actionFooter touch-none 9 9 w-full z-10 10 10 px-2 pt-1 pwa-padding-bottom 11 - flex justify-start 12 - h-[calc(45px+var(--safe-padding-bottom))] 11 + flex justify-start gap-1 12 + h-[calc(38px+var(--safe-padding-bottom))] 13 13 bg-[rgba(var(--bg-page),0.5)] border-top border-bg-page`} 14 14 > 15 15 {props.children}
+1 -1
components/HomeButton.tsx
··· 19 19 <Link 20 20 href="/home" 21 21 prefetch 22 - className="hover:no-underline first:mr-2" 22 + className="hover:no-underline" 23 23 style={{ textDecorationLine: "none !important" }} 24 24 > 25 25 <ActionButton icon={<HomeSmall />} label="Go Home" />
+1 -1
components/Toolbar/index.tsx
··· 85 85 <Tooltip.Provider> 86 86 <div 87 87 className={`toolbar flex gap-2 items-center justify-between w-full 88 - ${isMobile ? "h-[calc(21px+var(--safe-padding-bottom))]" : "h-[26px]"}`} 88 + ${isMobile ? "h-[calc(15px+var(--safe-padding-bottom))]" : "h-[26px]"}`} 89 89 > 90 90 <div className="toolbarOptions flex gap-1 sm:gap-[6px] items-center grow"> 91 91 {toolbarState === "default" ? (