Browse Source

removed headers

master
Silberengel 1 month ago
parent
commit
e80639a2d9
  1. 17
      src/routes/discussions/+page.svelte
  2. 18
      src/routes/feed/+page.svelte

17
src/routes/discussions/+page.svelte

@ -51,7 +51,7 @@ @@ -51,7 +51,7 @@
<main class="container mx-auto px-4 py-8">
<div class="discussions-content">
<div class="discussions-header-sticky">
<div class="discussions-header mb-6">
<div class="discussions-header-top">
<div>
<h1 class="font-bold text-fog-text dark:text-fog-dark-text font-mono" style="font-size: 1.5em;">/Discussions</h1>
@ -149,19 +149,12 @@ @@ -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 {

18
src/routes/feed/+page.svelte

@ -4,6 +4,7 @@ @@ -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<void>;
@ -67,24 +68,7 @@ @@ -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 {

Loading…
Cancel
Save