diff options
| author | Benedikt Peetz <benedikt.peetz@b-peetz.de> | 2024-09-11 18:44:14 +0200 |
|---|---|---|
| committer | Benedikt Peetz <benedikt.peetz@b-peetz.de> | 2024-09-11 18:44:14 +0200 |
| commit | 2af0f5e64e47c59e575802249983feb8968959b1 (patch) | |
| tree | a2d80749d6b297ef05b1893949081b678f9e8677 /src/pages/components/Button.svelte | |
| parent | chore(Merge): remote-tracking branch 'origin/master' (diff) | |
| parent | Translated using Weblate (Arabic) (diff) | |
| download | libredirect-2af0f5e64e47c59e575802249983feb8968959b1.zip | |
chore(merge): Merge remote-tracking branch 'origin/master'
Following Conflicts have been resolved:
README.md
src/_locales/bs/messages.json
src/_locales/de/messages.json
src/_locales/en/messages.json
src/_locales/fr/messages.json
src/_locales/ko/messages.json
src/_locales/nb_NO/messages.json
src/_locales/pt/messages.json
src/_locales/pt_BR/messages.json
src/_locales/sr/messages.json
src/_locales/vi/messages.json
src/assets/images/libredirect.svg
src/assets/javascripts/services.js
src/config.json
src/manifest.json
src/updates/updates.xml
Diffstat (limited to 'src/pages/components/Button.svelte')
| -rw-r--r-- | src/pages/components/Button.svelte | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/src/pages/components/Button.svelte b/src/pages/components/Button.svelte new file mode 100644 index 00000000..6ae2ba61 --- /dev/null +++ b/src/pages/components/Button.svelte @@ -0,0 +1,35 @@ +<button {...$$restProps} on:click {...$$props}> + <slot></slot> +</button> + +<style> + button { + color: var(--text); + border: none; + text-decoration: none; + cursor: pointer; + font-size: 16px; + font-weight: bold; + transition-duration: 0.1s; + display: inline-flex; + align-items: center; + margin: 7.5px 0; + background-color: var(--bg-secondary); + border-radius: 5px; + padding: 10px; + } + + button:hover:enabled { + color: var(--active); + } + + button:active:enabled { + transform: translateY(1px); + } + + button:disabled { + cursor: not-allowed; + opacity: 0.5; + } + +</style> |