added more opacity to footer, sidebar, header · leaflet.pub/leaflet@21c319d

leaflet.pub / leaflet

fork atom

a tool for shared writing and social publishing

fork atom

added more opacity to footer, sidebar, header

cozylittle.house 5 months ago 21c319df 835d56af

+2 -2

2 changed files

expand all

app

globals.css

components

PageHeader.tsx

+1 -1

app/globals.css

··· 372 372 } 373 373 374 374 .container { 375 - background: rgba(var(--bg-page), 0.5); 375 + background: rgba(var(--bg-page), 0.75); 376 376 @apply border; 377 377 @apply border-bg-page; 378 378 @apply rounded-md;

+1 -1

components/PageHeader.tsx

··· 54 54 style={ 55 55 scrollPos < 20 56 56 ? { 57 - backgroundColor: `rgba(${headerBGColor}, ${scrollPos / 40 + 0.5})`, 57 + backgroundColor: `rgba(${headerBGColor}, ${scrollPos / 60 + 0.75})`, 58 58 paddingLeft: props.hasBackgroundImage 59 59 ? "8px" 60 60 : `calc(${scrollPos / 20}*8px)`,