jack.orbyt.video / orbyt-site
source for getorbyt.com getorbyt.com/
client bsky orbytapp app orbyt bluesky getorbyt orbytvideo atproto video
0
fork

Configure Feed

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

refactor: update padding and margin styles for improved layout consistency across site components

jack.orbyt.video da878051 684ca024

+8 -4
+2 -1
public/css/site-document.css
··· 34 34 width: 100%; 35 35 max-width: var(--site-content-max-width); 36 36 margin: 0 auto; 37 - padding: var(--site-page-padding-y) var(--site-page-padding-x); 37 + padding: var(--site-page-padding-y) var(--site-page-padding-x) 38 + var(--site-page-padding-bottom); 38 39 min-height: 100vh; 39 40 min-height: 100dvh; 40 41 display: flex;
+1 -1
public/css/site-footer.css
··· 30 30 @supports (padding-bottom: env(safe-area-inset-bottom)) { 31 31 @media (max-width: 480px) { 32 32 .site-footer { 33 - margin-bottom: max(1.75rem, env(safe-area-inset-bottom)); 33 + margin-bottom: max(1rem, env(safe-area-inset-bottom)); 34 34 } 35 35 } 36 36 }
+3 -1
public/css/tokens.css
··· 185 185 --site-content-max-width: 800px; 186 186 --site-page-padding-x: clamp(1rem, 5vw, 2rem); 187 187 --site-page-padding-y: clamp(1rem, 5vw, 2rem); 188 - --site-footer-margin-bottom: 2.5rem; 188 + /* Tighter than sides/top so the footer sits closer to the viewport edge */ 189 + --site-page-padding-bottom: clamp(0.75rem, 3vw, 1.25rem); 190 + --site-footer-margin-bottom: 1rem; 189 191 190 192 /* 191 193 * CSS Borders 4 — corner-shape + border-radius (squircle ≡ superellipse(2)).
+2 -1
src/pages/404.astro
··· 56 56 width: 100%; 57 57 max-width: var(--site-content-max-width); 58 58 margin-inline: auto; 59 - padding: var(--site-page-padding-y) var(--site-page-padding-x); 59 + padding: var(--site-page-padding-y) var(--site-page-padding-x) 60 + var(--site-page-padding-bottom); 60 61 min-height: 100vh; 61 62 min-height: 100dvh; 62 63 display: flex;