From 3dc59bf4f136d6ade61e6072c4dc205a8149fdea Mon Sep 17 00:00:00 2001 From: April Hall Date: Thu, 9 Jan 2025 12:31:39 -0500 Subject: [PATCH] fix: UI Rework --- src/app.html | 4 ++-- src/lib/components/message.svelte | 4 ++-- src/routes/+page.svelte | 27 ++++++++-------------- tailwind.config.ts | 38 +++++++++++++++++++++++++++++-- 4 files changed, 49 insertions(+), 24 deletions(-) diff --git a/src/app.html b/src/app.html index 40d2843..a872b5e 100644 --- a/src/app.html +++ b/src/app.html @@ -1,5 +1,5 @@ - + @@ -25,7 +25,7 @@ along with this program. If not, see . --> - +
%sveltekit.body%
diff --git a/src/lib/components/message.svelte b/src/lib/components/message.svelte index 3e80b0c..84cadba 100644 --- a/src/lib/components/message.svelte +++ b/src/lib/components/message.svelte @@ -5,12 +5,12 @@
-
+
Profile image for {user}

{user}

-

{message}

+

{message}

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 7a0f7d3..86699a9 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -36,27 +36,18 @@ }); -
-
-
-
- SVChat - Logged in as {user} -
-
- - -
- +
+
+
+

SVChat

+
-
-
{#each log as message} {/each}
+
+ + +
diff --git a/tailwind.config.ts b/tailwind.config.ts index 3b4b674..a241d74 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -5,8 +5,42 @@ export default { content: ['./src/**/*.{html,js,svelte,ts}'], plugins: [daisyui], theme: { - colors: { - svelte: '#FF3E00', + fontSize: { + sm: '0.750rem', + base: '1rem', + xl: '1.333rem', + '2xl': '1.777rem', + '3xl': '2.369rem', + '4xl': '3.158rem', + '5xl': '4.210rem', + }, + fontFamily: { + heading: 'IBM Plex Sans', + body: 'IBM Plex Sans', + }, + fontWeight: { + normal: '400', + bold: '700', }, }, + daisyui: { + themes: [ + { + light: { + primary: '#2083df', + secondary: '#a78aef', + accent: '#a854e8', + neutral: '#081e45', + 'base-100': '#f6f9fe', + }, + dark: { + primary: '#2083df', + secondary: '#2c1075', + accent: '#6b17ab', + neutral: '#081e45', + 'base-100': '#010409', + }, + }, + ], + }, } satisfies Config;