diff --git a/src/routes/discussions/+page.svelte b/src/routes/discussions/+page.svelte index 7d6935d..8e2cee5 100644 --- a/src/routes/discussions/+page.svelte +++ b/src/routes/discussions/+page.svelte @@ -51,7 +51,7 @@
-
+

/Discussions

@@ -149,19 +149,12 @@ } } - .discussions-header-sticky { + .discussions-header { + display: flex; + flex-direction: column; + gap: 1rem; padding: 0 1rem; - padding-top: 1rem; - padding-bottom: 1rem; margin-bottom: 1rem; - border-bottom: 1px solid var(--fog-border, #e5e7eb); - } - - :global(.dark) .discussions-header-sticky { - background: var(--fog-dark-bg, #0f172a); - background-color: var(--fog-dark-bg, #0f172a); - border-bottom-color: var(--fog-dark-border, #1e293b); - opacity: 1; } .discussions-header-top { diff --git a/src/routes/feed/+page.svelte b/src/routes/feed/+page.svelte index 223e148..db359c9 100644 --- a/src/routes/feed/+page.svelte +++ b/src/routes/feed/+page.svelte @@ -4,6 +4,7 @@ import { nostrClient } from '../../lib/services/nostr/nostr-client.js'; import { onMount } from 'svelte'; import Icon from '../../lib/components/ui/Icon.svelte'; + import type { NostrEvent } from '../../lib/types/nostr.js'; let feedPageComponent: { loadOlderEvents: () => Promise; @@ -67,24 +68,7 @@ flex-direction: column; gap: 1rem; padding: 0 1rem; - position: sticky; - top: 0; - background: var(--fog-bg, #ffffff); - background-color: var(--fog-bg, #ffffff); - z-index: 10; - padding-top: 1rem; - padding-bottom: 1rem; margin-bottom: 1rem; - border-bottom: 1px solid var(--fog-border, #e5e7eb); - backdrop-filter: none; - opacity: 1; - } - - :global(.dark) .feed-header { - background: var(--fog-dark-bg, #0f172a); - background-color: var(--fog-dark-bg, #0f172a); - opacity: 1; - border-bottom-color: var(--fog-dark-border, #1e293b); } .feed-header-top {