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.

fix sidebar opacity styling

Jared Pereira b1eaab56 30bcd530

+10 -3
+1 -1
app/[leaflet_id]/Sidebar.tsx
··· 23 23 }} 24 24 > 25 25 <Media mobile={false}> 26 - <div className="sidebarContainer relative flex flex-col justify-between h-full w-16 bg-bg-pge bg-opacity-50 border-bg-page"> 26 + <div className="sidebarContainer relative flex flex-col justify-between h-full w-16 bg-bg-page/50 border-bg-page"> 27 27 <Sidebar> 28 28 {entity_set.permissions.write ? ( 29 29 <>
+7
app/globals.css
··· 244 244 @apply outline-transparent; 245 245 } 246 246 247 + .container { 248 + background: rgba(var(--bg-page), 0.5); 249 + @apply border; 250 + @apply border-bg-page; 251 + @apply rounded-md; 252 + } 253 + 247 254 .pwa-padding { 248 255 padding-top: max(calc(env(safe-area-inset-top) - 8px)) !important; 249 256 }
+1 -1
components/ActionBar/Footer.tsx
··· 10 10 px-2 pt-1 pwa-padding-bottom 11 11 flex justify-start 12 12 h-[calc(45px+var(--safe-padding-bottom))] 13 - bg-bg-page bg-opacity-50 border-top border-bg-page`} 13 + bg-[rgba(var(--bg-page),0.5)] border-top border-bg-page`} 14 14 > 15 15 {props.children} 16 16 </Media>
+1 -1
components/ActionBar/Sidebar.tsx
··· 19 19 ${!props.alwaysOpen && "absolute top-0 left-0 z-10"} 20 20 h-fit w-max p-[6px] 21 21 flex flex-col gap-2 justify-start border 22 - rounded-md bg-bg-page ${sidebarExpanded && !props.alwaysOpen ? "border-border-light" : "bg-opacity-50 border-bg-page"} 22 + rounded-md bg-bg-page ${sidebarExpanded && !props.alwaysOpen ? "border-border-light" : "container"} 23 23 ${props.className} 24 24 `} 25 25 onMouseOver={() => {