diff options
| author | Wolfgang Müller | 2025-02-14 11:57:03 +0100 |
|---|---|---|
| committer | Wolfgang Müller | 2025-02-14 11:57:03 +0100 |
| commit | 1421152a9356c7def86143dfb31a3586d5491d55 (patch) | |
| tree | 15280e72426d2100cb1556bf420eced020182dcd /frontend/src/lib/tabs | |
| parent | bbf03cbc2822094cffe868e0710d2a8f7e1096c0 (diff) | |
| download | hircine-1421152a9356c7def86143dfb31a3586d5491d55.tar.gz | |
frontend: Migrate to Tailwind 4.0
Diffstat (limited to 'frontend/src/lib/tabs')
| -rw-r--r-- | frontend/src/lib/tabs/AddOverlay.svelte | 2 | ||||
| -rw-r--r-- | frontend/src/lib/tabs/Tabs.svelte | 12 |
2 files changed, 4 insertions, 10 deletions
diff --git a/frontend/src/lib/tabs/AddOverlay.svelte b/frontend/src/lib/tabs/AddOverlay.svelte index 329b259..4d5ec49 100644 --- a/frontend/src/lib/tabs/AddOverlay.svelte +++ b/frontend/src/lib/tabs/AddOverlay.svelte @@ -28,7 +28,7 @@ <div class="absolute left-1 top-1" transition:fade={fadeDefault}> <button type="button" - class="btn-blue rounded-full shadow-sm shadow-black" + class="btn-blue rounded-full shadow-xs shadow-black" title="Add to this comic" aria-label="Add to this comic" {onclick} diff --git a/frontend/src/lib/tabs/Tabs.svelte b/frontend/src/lib/tabs/Tabs.svelte index 1ae7c32..3c5611e 100644 --- a/frontend/src/lib/tabs/Tabs.svelte +++ b/frontend/src/lib/tabs/Tabs.svelte @@ -30,18 +30,18 @@ <div class="flex h-full max-h-full flex-col"> <nav> - <ul class="me-3 ms-1 flex border-b-2 border-slate-700 text-sm"> + <ul class="ms-1 me-3 flex border-b-2 border-slate-700 text-sm"> {#each Object.entries(context.tabs) as [id, { title }]} <li class="-mb-0.5"> <button type="button" class:active={context.current === id} - class="focus-background relative flex gap-1 p-1 px-3 hover:border-b-2 hover:border-slate-200" + class="relative flex gap-1 p-1 px-3 hover:border-b-2 hover:border-slate-200 [&.active]:border-b-2 [&.active]:border-indigo-500" onclick={() => (context.current = id)} > {#if badges[id]} <div - class="absolute right-0 top-1 h-2 w-2 rounded-full bg-emerald-400" + class="absolute top-1 right-0 h-2 w-2 rounded-full bg-emerald-400" title="There are pending changes" transition:fade={fadeFast} ></div> @@ -54,9 +54,3 @@ </nav> {@render children?.()} </div> - -<style lang="postcss"> - button.active { - @apply border-b-2 border-indigo-500; - } -</style> |