From 03f4d1ef6a22ddf8f87f5c4f6f04448b6b83d5b4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marek=20Vosp=C4=9Bl?= Date: Sun, 3 Dec 2023 23:06:41 +0100 Subject: [PATCH] chore: switch to catppuccin theme, update readme --- README.md | 2 +- services/frontend/README.md | 38 ------------------- .../components/message/MessageEvent.svelte | 4 +- .../message/MessageFormatted.svelte | 4 +- .../src/lib/components/nav/NavBar.svelte | 6 +-- services/frontend/src/routes/+layout.svelte | 2 +- services/frontend/unocss.config.ts | 17 ++++++++- 7 files changed, 25 insertions(+), 48 deletions(-) delete mode 100644 services/frontend/README.md diff --git a/README.md b/README.md index 4d8fcfa..c480fa1 100644 --- a/README.md +++ b/README.md @@ -12,7 +12,7 @@ Libretrix has a big advantage, as it is built with the most awesome technology a - pnpm - SvelteKit - UnoCSS -- Tauri (soonTM) +- Tauri - Turborepo ## 📜 Licensing diff --git a/services/frontend/README.md b/services/frontend/README.md deleted file mode 100644 index 5c91169..0000000 --- a/services/frontend/README.md +++ /dev/null @@ -1,38 +0,0 @@ -# create-svelte - -Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte). - -## Creating a project - -If you're seeing this, you've probably already done this step. Congrats! - -```bash -# create a new project in the current directory -npm create svelte@latest - -# create a new project in my-app -npm create svelte@latest my-app -``` - -## Developing - -Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server: - -```bash -npm run dev - -# or start the server and open the app in a new browser tab -npm run dev -- --open -``` - -## Building - -To create a production version of your app: - -```bash -npm run build -``` - -You can preview the production build with `npm run preview`. - -> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment. diff --git a/services/frontend/src/lib/components/message/MessageEvent.svelte b/services/frontend/src/lib/components/message/MessageEvent.svelte index 64d1126..577d5a9 100644 --- a/services/frontend/src/lib/components/message/MessageEvent.svelte +++ b/services/frontend/src/lib/components/message/MessageEvent.svelte @@ -18,12 +18,12 @@
{$sender?.displayName}

{$sender?.displayName} - { $date(events[0]?.getDate() ?? new Date(), { + { $date(events[0]?.getDate() ?? new Date(), { dateStyle: 'medium', timeStyle: 'short' }) } diff --git a/services/frontend/src/lib/components/message/MessageFormatted.svelte b/services/frontend/src/lib/components/message/MessageFormatted.svelte index f4375a1..5060b5e 100644 --- a/services/frontend/src/lib/components/message/MessageFormatted.svelte +++ b/services/frontend/src/lib/components/message/MessageFormatted.svelte @@ -101,7 +101,7 @@ } .formatted-style :global(code) { - @apply bg-gray-700 rounded-sm px-0.5 py-0.25 leading-6; + @apply bg-surface0 rounded-sm px-0.5 py-0.25 leading-6; } .formatted-style :global(pre) { @@ -109,7 +109,7 @@ } .formatted-style :global(pre) > :global(code) { - @apply bg-gray-700 rounded-sm px-4 py-2 max-w-[70ch] block overflow-auto; + @apply bg-surface0 rounded-md p-2 max-w-[90ch] block overflow-auto; } .formatted-style :global(blockquote) { diff --git a/services/frontend/src/lib/components/nav/NavBar.svelte b/services/frontend/src/lib/components/nav/NavBar.svelte index 663390b..1f59922 100644 --- a/services/frontend/src/lib/components/nav/NavBar.svelte +++ b/services/frontend/src/lib/components/nav/NavBar.svelte @@ -8,10 +8,10 @@ export let extraClass = '' -