From 151d519805192a8fd9848ce8885ddcb6adcc9e64 Mon Sep 17 00:00:00 2001 From: Yuri Tatishchev Date: Tue, 31 Dec 2024 19:32:20 -0800 Subject: [PATCH] super mega layout improvements --- src/app.css | 3 +- src/app.html | 7 ++- .../app/code-snippet/code-snippet.svelte | 3 +- .../wireguard-guide/wireguard-guide.svelte | 4 +- src/routes/+layout.server.ts | 6 +- src/routes/+layout.svelte | 15 +++-- src/routes/+page.svelte | 8 +-- src/routes/clients/+page.svelte | 59 +++++++++---------- src/routes/clients/[id]/+page.svelte | 4 +- 9 files changed, 57 insertions(+), 52 deletions(-) diff --git a/src/app.css b/src/app.css index 0bd5b39..238cd75 100644 --- a/src/app.css +++ b/src/app.css @@ -99,11 +99,10 @@ } ol > li { - @apply flex; + @apply flex flex-wrap gap-x-2; counter-increment: counterName; } ol > li:before { - @apply mr-2; content: counter(counterName) '.'; } } diff --git a/src/app.html b/src/app.html index 55dfccc..e2a7638 100644 --- a/src/app.html +++ b/src/app.html @@ -6,7 +6,10 @@ %sveltekit.head% - -
%sveltekit.body%
+ + %sveltekit.body% diff --git a/src/lib/components/app/code-snippet/code-snippet.svelte b/src/lib/components/app/code-snippet/code-snippet.svelte index 2e30190..9df5770 100644 --- a/src/lib/components/app/code-snippet/code-snippet.svelte +++ b/src/lib/components/app/code-snippet/code-snippet.svelte @@ -22,10 +22,9 @@ } -
+
{data}
- {#if copy || download} diff --git a/src/lib/components/app/wireguard-guide/wireguard-guide.svelte b/src/lib/components/app/wireguard-guide/wireguard-guide.svelte index 8cc5d9f..f390c02 100644 --- a/src/lib/components/app/wireguard-guide/wireguard-guide.svelte +++ b/src/lib/components/app/wireguard-guide/wireguard-guide.svelte @@ -5,7 +5,7 @@ import guideVideo from '$lib/assets/guide-client.mp4'; - + Android Windows @@ -35,7 +35,7 @@

Download the configuration file and import it

-
diff --git a/src/routes/+layout.server.ts b/src/routes/+layout.server.ts index 0471612..16339ed 100644 --- a/src/routes/+layout.server.ts +++ b/src/routes/+layout.server.ts @@ -1,9 +1,11 @@ -import type { LayoutServerLoad } from "./$types"; +import type { LayoutServerLoad } from './$types'; export const load: LayoutServerLoad = async (event) => { const { user } = event.locals; return { - user + user, }; }; + +export const trailingSlash = 'always'; diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 7b363cc..4836cb2 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -14,10 +14,10 @@ } -
- VPGen -