diff options
| author | Fuwn <[email protected]> | 2024-01-13 18:17:24 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-13 18:17:24 -0800 |
| commit | 610983313b2636fed96b1ad704a0dc0324670b69 (patch) | |
| tree | 9efdde477817160f5f7f44cfc102c6cff4c6f3e0 | |
| parent | feat(user): remove radius for top (diff) | |
| download | due.moe-610983313b2636fed96b1ad704a0dc0324670b69.tar.xz due.moe-610983313b2636fed96b1ad704a0dc0324670b69.zip | |
feat(user): radius and middle align
| -rw-r--r-- | src/routes/user/[user]/+page.svelte | 26 |
1 files changed, 17 insertions, 9 deletions
diff --git a/src/routes/user/[user]/+page.svelte b/src/routes/user/[user]/+page.svelte index ac20162a..e02478be 100644 --- a/src/routes/user/[user]/+page.svelte +++ b/src/routes/user/[user]/+page.svelte @@ -42,13 +42,15 @@ {/if} <div class="card" id="user-grid-content"> - <a - href={`https://anilist.co/user/${userData.name}`} - target="_blank" - title={String(userData.id)} - > - <img src={userData.avatar.large} alt="" width="100vw" id="avatar" /> - </a> + <div id="user-grid-avatar"> + <a + href={`https://anilist.co/user/${userData.name}`} + target="_blank" + title={String(userData.id)} + > + <img src={userData.avatar.large} alt="" width="100vw" id="avatar" /> + </a> + </div> <div id="user-grid-content-text"> <p> @@ -99,9 +101,15 @@ border-top-right-radius: 0; } + #user-grid-avatar { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + } + #avatar { - margin-top: 0.5em; - padding-bottom: 0.5em; + border-radius: 8px; } .click-item { |