From 0b6c3ba8278e1a7d7d53056da5eb3e92f5e3adc1 Mon Sep 17 00:00:00 2001 From: BOTAlex Date: Mon, 29 Jul 2024 18:05:03 +0200 Subject: [PATCH] Nice! got DaisyUI themes to work! --- src/app.css | 3 + src/app.html | 6 +- src/routes/+page.svelte | 2 +- src/routes/Header.svelte | 4 +- src/routes/console/+page.svelte | 53 +++++++++++------- .../lib => static}/OpenBirchWasm/OpenBirch.js | 0 .../OpenBirchWasm/OpenBirch.wasm | Bin .../OpenBirchWasm/OpenBirchWrapper.js | 0 tailwind.config.js | 3 +- tsconfig.json | 2 +- 10 files changed, 44 insertions(+), 29 deletions(-) rename {src/lib => static}/OpenBirchWasm/OpenBirch.js (100%) rename {src/lib => static}/OpenBirchWasm/OpenBirch.wasm (100%) rename {src/lib => static}/OpenBirchWasm/OpenBirchWrapper.js (100%) diff --git a/src/app.css b/src/app.css index d9e5aaf..c9c686e 100644 --- a/src/app.css +++ b/src/app.css @@ -1,4 +1,7 @@ @import '@fontsource/fira-mono'; +@tailwind base; +@tailwind components; +@tailwind utilities; :root { --font-body: Arial, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, diff --git a/src/app.html b/src/app.html index 7a63b59..f03279b 100644 --- a/src/app.html +++ b/src/app.html @@ -1,5 +1,5 @@ - + @@ -9,8 +9,8 @@ - - + + diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 5d81197..212c65a 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -57,7 +57,7 @@ - +

diff --git a/src/routes/Header.svelte b/src/routes/Header.svelte index f2f878b..b419711 100644 --- a/src/routes/Header.svelte +++ b/src/routes/Header.svelte @@ -5,13 +5,13 @@
-
+
Tailwind CSS Navbar component
-
+
    diff --git a/src/routes/console/+page.svelte b/src/routes/console/+page.svelte index 6656e06..40858b9 100644 --- a/src/routes/console/+page.svelte +++ b/src/routes/console/+page.svelte @@ -7,39 +7,46 @@ test = test.concat(test); test = test.concat(test); - let inputValue: string; + let inputField: HTMLInputElement; async function handleKeydown(event: KeyboardEvent) { if (event.key === 'Enter') { - OpenBirch.sendCommand(inputValue) - inputValue = ''; + pushCommand(); } } + + // Locally start sending command + function pushCommand(){ + OpenBirch.sendCommand(inputField.value) + inputField.value = ''; + } -
    -
    -
      - {#each $OpenBirch as consoleEntry} - {#if consoleEntry.sender == 0} -
    • {consoleEntry.message}
      • - {:else} -
    • >{" " + consoleEntry.message}
      • - {/if} - {/each} -
    +
    +
    +
    +
      + {#each $OpenBirch as consoleEntry} + {#if consoleEntry.sender == 0} +
    • > {" " + consoleEntry.message}
      • + {:else} +
    • {consoleEntry.message}
      • + {/if} + {/each} +
    +
    -
    -
    @@ -49,6 +56,12 @@ flex-direction: column; flex-grow: 1; + position: absolute; + right: 0; + left: 0; + bottom: 0; + top: 75px; + &:nth-child(1) { flex: 0 0 90%; } diff --git a/src/lib/OpenBirchWasm/OpenBirch.js b/static/OpenBirchWasm/OpenBirch.js similarity index 100% rename from src/lib/OpenBirchWasm/OpenBirch.js rename to static/OpenBirchWasm/OpenBirch.js diff --git a/src/lib/OpenBirchWasm/OpenBirch.wasm b/static/OpenBirchWasm/OpenBirch.wasm similarity index 100% rename from src/lib/OpenBirchWasm/OpenBirch.wasm rename to static/OpenBirchWasm/OpenBirch.wasm diff --git a/src/lib/OpenBirchWasm/OpenBirchWrapper.js b/static/OpenBirchWasm/OpenBirchWrapper.js similarity index 100% rename from src/lib/OpenBirchWasm/OpenBirchWrapper.js rename to static/OpenBirchWasm/OpenBirchWrapper.js diff --git a/tailwind.config.js b/tailwind.config.js index 0a92378..acfbc75 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -6,8 +6,7 @@ export default { }, plugins: [require("@tailwindcss/typography"), require('daisyui')], daisyui: { - themes: false, // false: only light + dark | true: all themes | array: specific themes like this ["light", "dark", "cupcake"] - darkTheme: "dark", // name of one of the included themes for dark mode + themes: ["coffee"], // false: only light + dark | true: all themes | array: specific themes like this ["light", "dark", "cupcake"] base: true, // applies background color and foreground color for root element by default styled: true, // include daisyUI colors and design decisions for all components utils: true, // adds responsive and modifier utility classes diff --git a/tsconfig.json b/tsconfig.json index fc93cbd..f28e9d5 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -2,7 +2,7 @@ "extends": "./.svelte-kit/tsconfig.json", "compilerOptions": { "allowJs": true, - "checkJs": true, + "checkJs": false, "esModuleInterop": true, "forceConsistentCasingInFileNames": true, "resolveJsonModule": true,