diff options
| author | Wolfgang Müller | 2025-02-19 15:48:04 +0100 |
|---|---|---|
| committer | Wolfgang Müller | 2025-02-19 15:48:04 +0100 |
| commit | dc73b2404140b2093cdcc83c4b53b569ea8c8592 (patch) | |
| tree | 2ba7a3d58cec1cfc7652ccbfdd757775a90cb252 | |
| parent | 6bc3ca7032c78c77a6e2b316789938221d686d8b (diff) | |
| download | hircine-dc73b2404140b2093cdcc83c4b53b569ea8c8592.tar.gz | |
frontend: Rename floating utility to btn-transparent
This more clearly describes what the utility is for.
| -rw-r--r-- | frontend/src/app.css | 8 | ||||
| -rw-r--r-- | frontend/src/lib/reader/components/CloseReaderButton.svelte | 2 | ||||
| -rw-r--r-- | frontend/src/lib/reader/components/ReaderMenuButton.svelte | 2 |
3 files changed, 6 insertions, 6 deletions
diff --git a/frontend/src/app.css b/frontend/src/app.css index a7126c5..6a8f782 100644 --- a/frontend/src/app.css +++ b/frontend/src/app.css @@ -33,6 +33,10 @@ @apply btn bg-slate-700 hover:bg-slate-600 focus:outline-slate-400 focus-visible:outline-slate-400 disabled:bg-slate-800; } +@utility btn-transparent { + @apply btn rounded-full bg-black/50 p-1 text-white/80 backdrop-blur-xs hover:bg-black/50 hover:text-white; +} + @utility icon-xs { @apply text-[18px]; } @@ -95,10 +99,6 @@ @apply bg-indigo-700 hover:bg-indigo-600; } -@utility floating { - @apply rounded-full bg-black/50 p-1 text-white/80 backdrop-blur-xs hover:bg-black/50 hover:text-white; -} - @utility ellipsis-nowrap { @apply overflow-hidden text-ellipsis whitespace-nowrap; } diff --git a/frontend/src/lib/reader/components/CloseReaderButton.svelte b/frontend/src/lib/reader/components/CloseReaderButton.svelte index 8dc5f4f..6a31fd2 100644 --- a/frontend/src/lib/reader/components/CloseReaderButton.svelte +++ b/frontend/src/lib/reader/components/CloseReaderButton.svelte @@ -12,7 +12,7 @@ <button type="button" - class="btn floating" + class="btn-transparent" title="Close reader" aria-label="Close reader" {onclick} diff --git a/frontend/src/lib/reader/components/ReaderMenuButton.svelte b/frontend/src/lib/reader/components/ReaderMenuButton.svelte index ea2705d..da494e3 100644 --- a/frontend/src/lib/reader/components/ReaderMenuButton.svelte +++ b/frontend/src/lib/reader/components/ReaderMenuButton.svelte @@ -9,7 +9,7 @@ <button type="button" - class="btn floating invisible xl:visible" + class="btn-transparent invisible xl:visible" {title} aria-label={title} onclick={() => (reader.sidebar = !reader.sidebar)} |