small adjustments to css
vi did:web:vt3e.cat
Fri, 24 Jul 2026 18:53:37 +0100
1 files changed,
23 insertions(+),
13 deletions(-)
jump to
M
src/layouts/Layout.astro
→
src/layouts/Layout.astro
@@ -15,10 +15,14 @@ </head>
<body> <div class="viewport"> <header class="left panel"> - <slot name="left" /> + <div class="inner"> + <slot name="left" /> + </div> </header> <main class="right panel"> - <slot name="right" /> + <div class="inner"> + <slot name="right" /> + </div> </main> </div> </body>@@ -46,18 +50,25 @@ --padding: 0.5rem;
--radii: 1.5rem; --inner-radii: calc(var(--radii) - var(--padding)); + padding: var(--padding); border: 0.5px solid hsla(var(--overlay0) / 0.1); + min-height: 0; + overflow: none; + background-color: hsla(var(--mantle) / 1); + border-radius: var(--radii); + flex: 1; display: inline-flex; flex-direction: column; - flex: 1; - - gap: 1rem; - border-radius: var(--radii); - min-height: 0; - overflow-y: auto; - background-color: hsla(var(--mantle) / 1); + .inner { + display: inline-flex; + flex-direction: column; + gap: 1rem; + border-radius: var(--inner-radii); + overflow-y: auto; + border: 4px solid hsla(var(--accent) / 1); + } } }@@ -69,16 +80,15 @@ top: 0.5rem;
padding: var(--padding); img { - border-radius: var(--inner-radii); width: 100%; object-fit: cover; } } .right { - padding: 0; - padding-bottom: 2rem; - + .inner { + padding-bottom: 2rem; + } .header-section { h1 { font-size: 2rem;