From 0b9ae27b50b92bc8b0d0ee4b83ef45ed491f7f88 Mon Sep 17 00:00:00 2001 From: Warinyourself Date: Sat, 20 Jun 2026 00:45:27 +0300 Subject: [PATCH] Style user cards in glass fluid style --- src/style/components/settings/users.styl | 17 ++++++++++++----- 1 file changed, 12 insertions(+), 5 deletions(-) diff --git a/src/style/components/settings/users.styl b/src/style/components/settings/users.styl index ebb6200..575eb4a 100644 --- a/src/style/components/settings/users.styl +++ b/src/style/components/settings/users.styl @@ -8,13 +8,20 @@ display flex padding 12px align-items center - border-radius 12px - border 1px solid var(--color-unfocus) + border-radius 16px + border 1px solid rgba(255, 255, 255, 0.15) + background rgba(255, 255, 255, 0.08) + backdrop-filter var(--glass-blur) + -webkit-backdrop-filter var(--glass-blur) flex-direction column justify-content center + transition background .25s, border-color .25s + &:hover + background rgba(255, 255, 255, 0.14) + border-color rgba(255, 255, 255, 0.28) &.active - border-color white - box-shadow var(--glass-glow) + background rgba(255, 255, 255, 0.2) + border-color rgba(255, 255, 255, 0.5) .settings-user-name width 100% @@ -25,7 +32,7 @@ overflow hidden .settings-user-image - border-radius 50% + border-radius 12px width calc(102px / var(--zoom)) height calc(102px / var(--zoom)) background-size cover