From f4146e599be4dd2f8feb6f42768058fb9e0473f0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Roman=20Kr=C4=8Dek?= Date: Tue, 15 Jul 2025 11:23:10 +0200 Subject: [PATCH] CSS Styling --- src/routes/private/home/+page.svelte | 127 ++++++++++---------- src/routes/private/scanner/QRScanner.svelte | 60 ++++++--- 2 files changed, 107 insertions(+), 80 deletions(-) diff --git a/src/routes/private/home/+page.svelte b/src/routes/private/home/+page.svelte index c6a5feb..e36b5e3 100644 --- a/src/routes/private/home/+page.svelte +++ b/src/routes/private/home/+page.svelte @@ -2,75 +2,72 @@ let { data } = $props(); -
-

User Dashboard

+

User Dashboard

-
- -
-
-
-
- {data.profile?.display_name?.[0]?.toUpperCase() ?? 'U'} -
-

{data.profile?.display_name}

-

{data.user?.email}

-
-
- Sign Out +
+ +
+
+
+
+ {data.profile?.display_name?.[0]?.toUpperCase() ?? 'U'}
+

{data.profile?.display_name}

+

{data.user?.email}

-
- - -
- -
-

Your Role

-
-
-
Section
-
- {data.profile?.section?.name ?? 'N/A'} -
-
-
-
Position
-
- {data.profile?.section_position ?? 'N/A'} -
-
-
+
+ Sign Out
- - -
-

User Guide

-

- To scan a QR code, head over to Scanner in the top right corner. Click - on "Start Scanning" and allow camera permissions. If your camera gets stuck, simply - refresh the page or click "Stop Scanning" and then "Start Scanning" again. When you scan - a QR code, the participant's ticket is automatically marked as scanned. -

-
- - - {#if data.profile?.section_position === 'events_manager'} -
-

Events Manager Guide

-

- As an Events Manager, you have access to the Events section. Here you - can create new events, manage participants by syncing with Google Sheets, send email - invitations with QR codes, and view event statistics. -

-
- {/if}
+ + +
+ +
+

Your Role

+
+
+
Section
+
+ {data.profile?.section?.name ?? 'N/A'} +
+
+
+
Position
+
+ {data.profile?.section_position ?? 'N/A'} +
+
+
+
+ + +
+

User Guide

+

+ To scan a QR code, head over to Scanner in the top right corner. Click on "Start + Scanning" and allow camera permissions. If your camera gets stuck, simply refresh the page or + click "Stop Scanning" and then "Start Scanning" again. When you scan a QR code, the participant's + ticket is automatically marked as scanned. +

+
+ + + {#if data.profile?.section_position === 'events_manager'} +
+

Events Manager Guide

+

+ As an Events Manager, you have access to the Events section. Here you can + create new events, manage participants by syncing with Google Sheets, send email invitations + with QR codes, and view event statistics. +

+
+ {/if} +
diff --git a/src/routes/private/scanner/QRScanner.svelte b/src/routes/private/scanner/QRScanner.svelte index fe8cd90..2d9deaf 100644 --- a/src/routes/private/scanner/QRScanner.svelte +++ b/src/routes/private/scanner/QRScanner.svelte @@ -45,9 +45,9 @@ }); -
+
- \ No newline at end of file