From d4136e839435083947756f0fca49f42d7b010e53 Mon Sep 17 00:00:00 2001 From: Yusuf Bera Ertan Date: Fri, 23 Aug 2024 19:15:25 +0300 Subject: [PATCH] fix: improve layouting --- src/components/window.svelte | 2 +- src/routes/entries/+page.svelte | 2 +- src/routes/entries/_layout.svelte | 2 +- src/routes/guestbook/+page.svelte | 98 ++++++++++++++++--------------- 4 files changed, 53 insertions(+), 51 deletions(-) diff --git a/src/components/window.svelte b/src/components/window.svelte index 6c507bf..493d36a 100644 --- a/src/components/window.svelte +++ b/src/components/window.svelte @@ -6,7 +6,7 @@
-
+
{#each posts as post, index} {@const x = index % 2 === 0 ? 'lg:ml-16' : 'lg:ml-36'} {@const y = index % 2 === 0 ? 'lg:mt-6' : 'lg:mt-10'} diff --git a/src/routes/entries/_layout.svelte b/src/routes/entries/_layout.svelte index 681ad43..85a9948 100644 --- a/src/routes/entries/_layout.svelte +++ b/src/routes/entries/_layout.svelte @@ -11,7 +11,7 @@ -
+
diff --git a/src/routes/guestbook/+page.svelte b/src/routes/guestbook/+page.svelte index 7f09708..a170056 100644 --- a/src/routes/guestbook/+page.svelte +++ b/src/routes/guestbook/+page.svelte @@ -6,10 +6,10 @@ const hasNextPage = data.hasNext; -
-
+
+
-
+

hia, here is the guestbook if you wanna post anything :)

just be a good human bean pretty please

@@ -56,52 +56,54 @@
- -
- {#if data.getRatelimited} -

- woops, looks like you are being ratelimited, try again in like half a minute :3 -

- {:else if data.getError} -

got error trying to fetch entries, pls tell me about this

-
- error -

{data.getError}

-
- {:else} - {#each data.entries as [entry_id, entry] (entry_id)} - {@const date = new Date(entry.timestamp * 1e3).toLocaleString()} -
-
-

- #{entry_id} -

-

{date}

-
-

{entry.content}

-

--- posted by {entry.author}

-
+
+ +
+ {#if data.getRatelimited} +

+ woops, looks like you are being ratelimited, try again in like half a minute :3 +

+ {:else if data.getError} +

got error trying to fetch entries, pls tell me about this

+
+ error +

{data.getError}

+
{:else} -

looks like there are no entries :(

- {/each} - {/if} - {#if hasPreviousPage || hasNextPage} -
- {#if hasPreviousPage} - << previous - {/if} - {#if hasNextPage && hasPreviousPage} -
- {/if} - {#if hasNextPage} - next >> - {/if} -
- {/if} -
- + {#each data.entries as [entry_id, entry] (entry_id)} + {@const date = new Date(entry.timestamp * 1e3).toLocaleString()} +
+
+

+ #{entry_id} +

+

{date}

+
+

{entry.content}

+

--- posted by {entry.author}

+
+ {:else} +

looks like there are no entries :(

+ {/each} + {/if} + {#if hasPreviousPage || hasNextPage} +
+ {#if hasPreviousPage} + << previous + {/if} + {#if hasNextPage && hasPreviousPage} +
+ {/if} + {#if hasNextPage} + next >> + {/if} +
+ {/if} +
+ +