diff options
| author | Fuwn <[email protected]> | 2026-01-23 02:14:40 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2026-01-23 02:14:40 -0800 |
| commit | 9fdc552fa90dd1372ff36534995b5c057e871e59 (patch) | |
| tree | 2b7d67eb7249cefb6b94a21cca45b41ec4b723cc /src/lib/Layout/Spacer.svelte | |
| parent | fix(CommandPalette): Suppress intentional a11y warnings for command palette o... (diff) | |
| download | due.moe-9fdc552fa90dd1372ff36534995b5c057e871e59.tar.xz due.moe-9fdc552fa90dd1372ff36534995b5c057e871e59.zip | |
refactor(layout): Replace empty p elements with reusable Spacer component
Diffstat (limited to 'src/lib/Layout/Spacer.svelte')
| -rw-r--r-- | src/lib/Layout/Spacer.svelte | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/src/lib/Layout/Spacer.svelte b/src/lib/Layout/Spacer.svelte new file mode 100644 index 00000000..a26796df --- /dev/null +++ b/src/lib/Layout/Spacer.svelte @@ -0,0 +1,23 @@ +<script lang="ts"> + export let size: 'sm' | 'md' | 'lg' = 'md'; +</script> + +<div class="spacer {size}"></div> + +<style> + .spacer { + width: 100%; + } + + .spacer.sm { + height: 0.75em; + } + + .spacer.md { + height: 1.5em; + } + + .spacer.lg { + height: 2.25em; + } +</style> |