aboutsummaryrefslogtreecommitdiff
path: root/src/components/user_card/user_card.vue
diff options
context:
space:
mode:
authorHenry Jameson <me@hjkos.com>2022-04-04 19:41:09 +0300
committerHenry Jameson <me@hjkos.com>2022-04-04 19:41:09 +0300
commit71863061c691df7f59cf4be283a3e0772d485378 (patch)
treea48abdfeb7a4e585f84a97f22d11938a8fff5a65 /src/components/user_card/user_card.vue
parent0e83ced25b612250d8126778288b7b44f3b91dfc (diff)
fixed tons of stuff, at least it looks normalish on desktop
Diffstat (limited to 'src/components/user_card/user_card.vue')
-rw-r--r--src/components/user_card/user_card.vue8
1 files changed, 7 insertions, 1 deletions
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 14b4643a..6e044bb6 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -8,7 +8,7 @@
:style="style"
class="background-image"
/>
- <div class="panel-heading">
+ <div class="panel-heading -flexible-height">
<div class="user-info">
<div class="container">
<a
@@ -331,6 +331,7 @@
border-top-left-radius: calc(var(--panelRadius) - 1px);
border-top-right-radius: calc(var(--panelRadius) - 1px);
background-color: var(--profileBg);
+ z-index: -2;
&.hide-bio {
mask-size: 100% 40px;
@@ -385,11 +386,16 @@
padding: 0 26px;
.container {
+ min-width: 0;
padding: 16px 0 6px;
display: flex;
align-items: flex-start;
max-height: 56px;
+ > * {
+ min-width: 0;
+ }
+
.Avatar {
--_avatarShadowBox: var(--avatarShadow);
--_avatarShadowFilter: var(--avatarShadowFilter);