Arnaud/Fubuki
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add dark mode with flowbite

Browse Source
This commit is contained in:
Arnaud Scheffler
2025-03-16 14:13:40 +01:00
parent e7e4749ecb
commit 2315c3297e
11 changed files with 479 additions and 308 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/lib/Cell.svelte
View File

@ -15,8 +15,9 @@
</script>
<button
class="aspect-square rounded-4xl border border-gray-200"
class:bg-cyan-500={selected}
class="aspect-square rounded-4xl border border-gray-200 {selected
? 'bg-primary-500 dark:bg-primary-500'
: ''} {disabled ? 'bg-gray-200 dark:bg-gray-400' : ''}"
class:bg-gray-200={disabled}
class:cursor-pointer={!disabled}
{onclick}
@ -29,7 +30,7 @@
<div class="flex flex-wrap justify-center space-y-2 space-x-2 md:flex-col">
{#each annotations as nb (nb)}
<div
class="flex h-9 w-9 items-center justify-center rounded-full bg-emerald-300 p-1"
class="bg-secondary-300 flex h-9 w-9 items-center justify-center rounded-full p-1 text-black"
class:bg-white={selected}
>
{nb}