Varun/flotilla
1
0
Fork 0
forked from coracle/flotilla
Code Pull Requests Activity

Fix some bottom padding stuff

Browse Source
This commit is contained in:
Jon Staab
2026-06-04 14:31:07 -07:00
parent cdc9f927b5
commit b6b8145901
18 changed files with 55 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/Chat.svelte
+1 -1
View File
@@ -280,7 +280,7 @@
</div>
</PageBar>
<PageContent class="flex flex-col-reverse gap-2 py-4">
<PageContent class="flex flex-col-reverse gap-2 py-2 !mb-0">
{#if missingRelayLists.length > 0}
<div class="py-12">
<div class="card2 col-2 m-auto max-w-md items-center text-center">
src/app/components/RoomItem.svelte
+2 -11
View File
@@ -45,20 +45,11 @@
event: TrustedEvent
replyTo?: (event: TrustedEvent) => void
showPubkey?: boolean
addSpaceBelow?: boolean
canEdit: (event: TrustedEvent) => boolean
onEdit: (event: TrustedEvent) => void
}
const {
url,
event,
replyTo = undefined,
showPubkey = false,
addSpaceBelow = false,
canEdit,
onEdit,
}: Props = $props()
const {url, event, replyTo = undefined, showPubkey = false, canEdit, onEdit}: Props = $props()
const path = getRoomItemPath(url, event)
const shouldProtect = canEnforceNip70(url)
@@ -95,7 +86,7 @@
{onTap}
class={cx(
"group relative flex w-full cursor-default flex-col px-2 py-0.5 text-left hover:bg-base-100/50",
{"mt-1.5": showPubkey, "mb-1.5": addSpaceBelow},
{"mt-1.5": showPubkey},
)}>
<div class="flex w-full gap-3 overflow-auto">
{#if showPubkey}
src/lib/components/PageContent.svelte
+1 -1
View File
@@ -13,7 +13,7 @@
const className = $derived(
cx(
props.class,
"scroll-container z-feature flex min-h-0 w-full min-w-0 flex-col overflow-y-auto overflow-x-hidden pb-14 md:pb-0",
"scroll-container z-feature flex flex-col min-h-0 w-full min-w-0 overflow-y-auto overflow-x-hidden mb-14 md:mb-0",
),
)
</script>
src/routes/spaces/+page.svelte
+1 -1
View File
@@ -254,7 +254,7 @@
</div>
</div>
</PageBar>
<PageContent class="flex flex-col gap-2 p-2 pt-4">
<PageContent class="flex flex-col gap-2 p-2">
<div class="flex flex-col gap-2" bind:this={element}>
{#each PLATFORM_RELAYS as url (url)}
<Button
src/routes/spaces/[relay]/[h]/+page.svelte
+2 -11
View File
@@ -350,16 +350,11 @@
event.created_at - previousCreatedAt > int(3, MINUTE) ||
previousKind === ROOM_ADD_MEMBER
if (showPubkey && elements.length > 0) {
elements[elements.length - 1].addSpaceBelow = true
}
elements.push({
id: event.id,
type: "note",
value: event,
showPubkey,
addSpaceBelow: false,
})
previousDate = date
@@ -368,9 +363,6 @@
previousCreatedAt = event.created_at
seen.add(event.id)
}
if (elements.length > 0) {
elements[elements.length - 1].addSpaceBelow = true
}
}
elements.reverse()
@@ -470,7 +462,7 @@
bind:element
onscroll={onScroll}
class={cx(
"flex-col-reverse pb-0! pt-4",
"flex-col-reverse !mb-0",
showMobileVideoPanel ? "hidden md:flex md:flex-col-reverse" : "flex",
pageContentHiddenDesktopVideoOnly && "md:hidden",
)}>
@@ -501,7 +493,7 @@
<Spinner loading={loadingForward}>Looking for messages...</Spinner>
</p>
{/if}
{#each elements as { type, id, value, showPubkey, addSpaceBelow }, i (id)}
{#each elements as { type, id, value, showPubkey }, i (id)}
{#if type === "new-messages"}
<div
{id}
@@ -523,7 +515,6 @@
{event}
{replyTo}
{showPubkey}
{addSpaceBelow}
canEdit={canEditEvent}
onEdit={onEditEvent} />
{/if}
src/routes/spaces/[relay]/calendar/+page.svelte
+1 -1
View File
@@ -125,7 +125,7 @@
{/snippet}
</SpaceBar>
<PageContent bind:element class="flex flex-col gap-2 p-2 pt-4">
<PageContent bind:element class="flex flex-col gap-2 p-2">
{#each items as { event, dateDisplay, isFirstFutureEvent }, i (event.id)}
<div class={"calendar-event-" + event.id}>
{#if isFirstFutureEvent}
src/routes/spaces/[relay]/calendar/[address]/+page.svelte
+8 -6
View File
@@ -64,7 +64,7 @@
{/snippet}
</SpaceBar>
<PageContent class="flex flex-col gap-3 p-2 pt-4">
<PageContent class="flex flex-col gap-3 p-2">
{#if $event}
<div class="card2 bg-alt col-3 z-feature">
<div class="flex items-start gap-4">
@@ -109,10 +109,12 @@
</div>
{/if}
{:else}
{#await sleep(5000)}
<Spinner loading>Loading comments...</Spinner>
{:then}
<p>Failed to load comments.</p>
{/await}
<div class="flex justify-center py-20">
{#await sleep(5000)}
<Spinner loading>Loading event...</Spinner>
{:then}
<p>Failed to load event.</p>
{/await}
</div>
{/if}
</PageContent>
src/routes/spaces/[relay]/chat/+page.svelte
+3 -12
View File
@@ -227,16 +227,11 @@
event.created_at - previousCreatedAt > int(3, MINUTE) ||
previousKind === RELAY_ADD_MEMBER
if (showPubkey && elements.length > 0) {
elements[elements.length - 1].addSpaceBelow = true
}
elements.push({
id: event.id,
type: "note",
value: event,
showPubkey,
addSpaceBelow: false,
})
previousDate = date
@@ -245,9 +240,6 @@
previousCreatedAt = event.created_at
seen.add(event.id)
}
if (elements.length > 0) {
elements[elements.length - 1].addSpaceBelow = true
}
}
elements.reverse()
@@ -318,13 +310,13 @@
{/snippet}
</SpaceBar>
<PageContent bind:element onscroll={onScroll} class="flex flex-col-reverse pt-4 pb-0!">
<PageContent bind:element onscroll={onScroll} class="flex-col-reverse !mb-0">
{#if loadingForward}
<p class="py-20 flex justify-center">
<Spinner loading={loadingForward}>Looking for messages...</Spinner>
</p>
{/if}
{#each elements as { type, id, value, showPubkey, addSpaceBelow }, i (id)}
{#each elements as { type, id, value, showPubkey }, i (id)}
{#if type === "new-messages"}
<div
{id}
@@ -347,8 +339,7 @@
{replyTo}
{showPubkey}
canEdit={canEditEvent}
onEdit={onEditEvent}
{addSpaceBelow} />
onEdit={onEditEvent} />
{/if}
{/if}
{/each}
src/routes/spaces/[relay]/classifieds/+page.svelte
+1 -1
View File
@@ -77,7 +77,7 @@
{/snippet}
</SpaceBar>
<PageContent bind:element class="flex flex-col gap-2 p-2 pt-4">
<PageContent bind:element class="flex flex-col gap-2 p-2">
{#each items as event (event.id)}
<div in:fly>
<ClassifiedItem {url} event={$state.snapshot(event)} />
src/routes/spaces/[relay]/classifieds/[address]/+page.svelte
+3 -3
View File
@@ -61,7 +61,7 @@
{/snippet}
</SpaceBar>
<PageContent class="flex flex-col p-2 pt-4">
<PageContent class="flex flex-col gap-2 p-2">
{#if $event}
<div class="flex flex-col gap-3">
<NoteCard event={$event} {url} class="card2 bg-alt z-feature w-full">
@@ -90,7 +90,7 @@
{#if showReply}
<EventReply {url} event={$event} onClose={closeReply} onSubmit={closeReply} />
{:else}
<div class="flex justify-end p-2">
<div class="flex justify-end">
<Button class="btn btn-primary" onclick={openReply}>
<Icon icon={Reply} />
Reply to listing
@@ -98,7 +98,7 @@
</div>
{/if}
{:else}
<div class="py-20 m-auto">
<div class="flex justify-center py-20">
{#await sleep(5000)}
<Spinner loading>Loading listing...</Spinner>
{:then}
src/routes/spaces/[relay]/goals/+page.svelte
+1 -1
View File
@@ -76,7 +76,7 @@
{/snippet}
</SpaceBar>
<PageContent bind:element class="flex flex-col gap-2 p-2 pt-4">
<PageContent bind:element class="flex flex-col gap-2 p-2">
{#each items as event (event.id)}
<div in:fly>
<GoalItem {url} event={$state.snapshot(event)} />
src/routes/spaces/[relay]/goals/[id]/+page.svelte
+9 -7
View File
@@ -62,7 +62,7 @@
{/snippet}
</SpaceBar>
<PageContent class="flex flex-col p-2 pt-4">
<PageContent class="flex flex-col gap-2 p-2">
{#if $event}
<div class="flex flex-col gap-3">
<NoteCard event={$event} {url} class="card2 bg-alt z-feature w-full">
@@ -91,7 +91,7 @@
{#if showReply}
<EventReply {url} event={$event} onClose={closeReply} onSubmit={closeReply} />
{:else}
<div class="flex justify-end p-2">
<div class="flex justify-end">
<Button class="btn btn-primary" onclick={openReply}>
<Icon icon={Reply} />
Comment on this goal
@@ -99,10 +99,12 @@
</div>
{/if}
{:else}
{#await sleep(5000)}
<Spinner loading>Loading funding goal...</Spinner>
{:then}
<p>Failed to load funding goal.</p>
{/await}
<div class="flex justify-center py-20">
{#await sleep(5000)}
<Spinner loading>Loading funding goal...</Spinner>
{:then}
<p>Failed to load funding goal.</p>
{/await}
</div>
{/if}
</PageContent>
src/routes/spaces/[relay]/polls/+page.svelte
+1 -1
View File
@@ -76,7 +76,7 @@
{/snippet}
</SpaceBar>
<PageContent bind:element class="flex flex-col gap-2 p-2 pt-4">
<PageContent bind:element class="flex flex-col gap-2 p-2">
{#each items as event (event.id)}
<div in:fly>
<PollItem {url} event={$state.snapshot(event)} />
src/routes/spaces/[relay]/polls/[id]/+page.svelte
+9 -7
View File
@@ -63,7 +63,7 @@
{/snippet}
</SpaceBar>
<PageContent class="flex flex-col gap-3 p-2 pt-4">
<PageContent class="flex flex-col gap-2 p-2">
{#if $event}
<div class="flex flex-col gap-3">
<NoteCard event={$event} {url} class="card2 bg-alt z-feature w-full">
@@ -92,15 +92,17 @@
{#if showReply}
<EventReply {url} event={$event} onClose={closeReply} onSubmit={closeReply} />
{:else}
<div class="flex justify-end p-2">
<div class="flex justify-end">
<Button class="btn btn-primary" onclick={openReply}>Comment on this poll</Button>
</div>
{/if}
{:else}
{#await sleep(5000)}
<Spinner loading>Loading poll...</Spinner>
{:then}
<p>Failed to load poll.</p>
{/await}
<div class="flex justify-center py-20">
{#await sleep(5000)}
<Spinner loading>Loading poll...</Spinner>
{:then}
<p>Failed to load poll.</p>
{/await}
</div>
{/if}
</PageContent>
src/routes/spaces/[relay]/recent/+page.svelte
+1 -1
View File
@@ -292,7 +292,7 @@
{/snippet}
</SpaceBar>
<PageContent class="flex flex-col gap-2 p-2 pt-4" bind:element>
<PageContent class="flex flex-col gap-2 p-2" bind:element>
{#if $recentActivity.length === 0}
<p class="flex flex-col items-center py-20 text-center">No recent activity found!</p>
{:else}
src/routes/spaces/[relay]/threads/+page.svelte
+1 -1
View File
@@ -77,7 +77,7 @@
{/snippet}
</SpaceBar>
<PageContent bind:element class="flex flex-col gap-2 p-2 pt-4">
<PageContent bind:element class="flex flex-col gap-2 p-2">
{#each items as event (event.id)}
<div in:fly>
<ThreadItem {url} event={$state.snapshot(event)} />
src/routes/spaces/[relay]/threads/[id]/+page.svelte
+9 -7
View File
@@ -61,7 +61,7 @@
{/snippet}
</SpaceBar>
<PageContent class="flex flex-col p-2 pt-4">
<PageContent class="flex flex-col gap-2 p-2">
{#if $event}
<div class="flex flex-col gap-3">
<NoteCard event={$event} {url} class="card2 bg-alt z-feature w-full">
@@ -90,7 +90,7 @@
{#if showReply}
<EventReply {url} event={$event} onClose={closeReply} onSubmit={closeReply} />
{:else}
<div class="flex justify-end p-2">
<div class="flex justify-end">
<Button class="btn btn-primary" onclick={openReply}>
<Icon icon={Reply} />
Reply to thread
@@ -98,10 +98,12 @@
</div>
{/if}
{:else}
{#await sleep(5000)}
<Spinner loading>Loading thread...</Spinner>
{:then}
<p>Failed to load thread.</p>
{/await}
<div class="flex justify-center py-20">
{#await sleep(5000)}
<Spinner loading>Loading thread...</Spinner>
{:then}
<p>Failed to load thread.</p>
{/await}
</div>
{/if}
</PageContent>
src/routes/spaces/create/+page.svelte
+1 -1
View File
@@ -10,7 +10,7 @@
</script>
<Page>
<PageContent class="flex flex-col items-center gap-2 p-2 pt-4">
<PageContent class="flex flex-col items-center gap-2 p-2">
<PageHeader>
{#snippet title()}
<div>Choose your Hosting Plan</div>