diff options
| author | Henry Jameson <me@hjkos.com> | 2024-02-13 02:09:43 +0200 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2024-02-13 02:09:43 +0200 |
| commit | bcc50844096b47c0656ed3338de222055a749fb1 (patch) | |
| tree | bf051cbc0c779438d53d60fe827732846763cef5 /src/components/user_avatar/user_avatar.vue | |
| parent | 17b25ef0e0eb261fbfd09be740a1cd8c0e3ad88b (diff) | |
add roundness, fix inputs
Diffstat (limited to 'src/components/user_avatar/user_avatar.vue')
| -rw-r--r-- | src/components/user_avatar/user_avatar.vue | 14 |
1 files changed, 5 insertions, 9 deletions
diff --git a/src/components/user_avatar/user_avatar.vue b/src/components/user_avatar/user_avatar.vue index 2f2ba25a..755346b2 100644 --- a/src/components/user_avatar/user_avatar.vue +++ b/src/components/user_avatar/user_avatar.vue @@ -43,16 +43,14 @@ &.-compact { width: 32px; height: 32px; - border-radius: $fallback--avatarAltRadius; - border-radius: var(--avatarAltRadius, $fallback--avatarAltRadius); + border-radius: var(--roundness); } .avatar { width: 100%; height: 100%; box-shadow: var(--_avatarShadowBox); - border-radius: $fallback--avatarRadius; - border-radius: var(--avatarRadius, $fallback--avatarRadius); + border-radius: var(--roundness); &.-better-shadow { box-shadow: var(--_avatarShadowInset); @@ -64,13 +62,11 @@ } &.-compact { - border-radius: $fallback--avatarAltRadius; - border-radius: var(--avatarAltRadius, $fallback--avatarAltRadius); + border-radius: var(--roundness); } &.-placeholder { - background-color: $fallback--fg; - background-color: var(--fg, $fallback--fg); + background-color: var(--background); } } @@ -87,7 +83,7 @@ padding: 0.2em; background: rgb(127 127 127 / 50%); color: #fff; - border-radius: var(--tooltipRadius); + border-radius: var(--roundness); } } </style> |