diff --git a/src/lib/styles/content.css b/src/lib/styles/content.css index 68458d8..741e652 100644 --- a/src/lib/styles/content.css +++ b/src/lib/styles/content.css @@ -105,7 +105,7 @@ cursor: default; } - .post-row:hover { + a.post-row:hover { background-color: var(--surface-raised); padding-left: var(--space-sm); padding-right: var(--space-sm); diff --git a/src/lib/styles/pages.css b/src/lib/styles/pages.css index ff29830..b88b3f0 100644 --- a/src/lib/styles/pages.css +++ b/src/lib/styles/pages.css @@ -283,6 +283,17 @@ .about-grid { grid-template-columns: 1fr; } + + .about-grid .about-sidebar { + position: static; + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: var(--space-lg); + } + + .about-grid .about-sidebar .sidebar-section { + margin-bottom: 0; + } } .about-main { @@ -421,6 +432,16 @@ width: 56px; height: 56px; } + + .about-sidebar { + grid-template-columns: 1fr; + } + + .about-main .post-row, + .sub-section .post-row { + flex-direction: column; + gap: var(--space-xs); + } } /* ── Blog index page ─────────────────────────────────────────── */ @@ -675,6 +696,7 @@ .sub-handle { font-size: var(--text-xs); color: var(--color-text-500); + overflow-wrap: anywhere; } /* ── Support page ────────────────────────────────────────────── */ @@ -716,6 +738,7 @@ display: flex; flex-direction: column; gap: var(--space-sm); + background: color-mix(in oklch, var(--surface-raised) 55%, transparent); } .crypto-header { diff --git a/src/routes/support/+page.svelte b/src/routes/support/+page.svelte index fddd672..dd77f85 100644 --- a/src/routes/support/+page.svelte +++ b/src/routes/support/+page.svelte @@ -37,7 +37,7 @@ ogType="SUPPORT" /> -
+

Support