diff options
| author | Fuwn <[email protected]> | 2024-02-18 06:36:16 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-02-18 06:36:16 -0800 |
| commit | e2013a6face3d55b52444427b77b750d84a6af47 (patch) | |
| tree | de1543e3f379294e9f77b72b2602991216da443c /src | |
| parent | fix(stream): null check avatar (diff) | |
| download | due.moe-e2013a6face3d55b52444427b77b750d84a6af47.tar.xz due.moe-e2013a6face3d55b52444427b77b750d84a6af47.zip | |
feat(user): hololive badges container
Diffstat (limited to 'src')
| -rw-r--r-- | src/routes/user/[user]/+page.svelte | 7 |
1 files changed, 6 insertions, 1 deletions
diff --git a/src/routes/user/[user]/+page.svelte b/src/routes/user/[user]/+page.svelte index 73feac0d..5feb277d 100644 --- a/src/routes/user/[user]/+page.svelte +++ b/src/routes/user/[user]/+page.svelte @@ -231,7 +231,7 @@ } .user-grid-hololive-badges { - $transition: transform 0.3s ease; + $transition: transform 0.3s ease, box-shadow 0.3s ease; $size: 2em; border-radius: 8px; @@ -244,11 +244,16 @@ z-index: 2; transition: $transition; transform: scale(1.1); + box-shadow: 0 1.5px 9px var(--base01), 0 0 0 4px var(--base02), 0 4px 30px var(--base01); } } .hololive-badges { display: flex; gap: 0.75em; + box-shadow: 0 1.5px 9px var(--base01), 0 0 0 4px var(--base02), 0 4px 30px var(--base01); + border-radius: 8px; + padding: 0.25em; + justify-content: space-evenly; } </style> |