diff options
| author | Fuwn <[email protected]> | 2024-04-03 18:05:10 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-04-03 18:05:10 -0700 |
| commit | b01f640410107a74b2399b4512f456fbf6e7d093 (patch) | |
| tree | 8a600baaaab2549aba999f7aab59089a95c89b6f /src/lib | |
| parent | feat(badges): use fallback badge for awc (diff) | |
| download | due.moe-b01f640410107a74b2399b4512f456fbf6e7d093.tar.xz due.moe-b01f640410107a74b2399b4512f456fbf6e7d093.zip | |
feat(badge): larger parallax
Diffstat (limited to 'src/lib')
| -rw-r--r-- | src/lib/FallbackBadge.svelte | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/src/lib/FallbackBadge.svelte b/src/lib/FallbackBadge.svelte index 4cc739d3..38653881 100644 --- a/src/lib/FallbackBadge.svelte +++ b/src/lib/FallbackBadge.svelte @@ -69,21 +69,23 @@ <img src={error} alt="Not found" loading="lazy" class="badge" /> {/if} -<style> +<style lang="scss"> + $transition: transform 0.325s ease; + .badge { display: flex; flex-direction: column; justify-content: center; align-items: center; - transition: transform 0.3s ease; + transition: $transition; box-sizing: border-box; border-radius: 8px; } .badge:hover { - transform: scale(1.05); + transform: scale(1.075); position: relative; z-index: 2; - transition: transform 0.3s ease; + transition: $transition; } </style> |