Adaptive users block for zoom property

4 years ago · c575f78a1c
parent 0862e60f2a
commit c575f78a1c
1 changed files with 4 additions and 2 deletions
--- a/src/style/components/settings/users.styl
+++ b/src/style/components/settings/users.styl
@ -16,14 +16,16 @@
    border-color var(--color-active)

 .settings-user-name
+  width 100%
  margin-top 8px
+  text-align center
  text-overflow ellipsis
  white-space nowrap
  overflow hidden

 .settings-user-image
  border-radius 50%
-  width 102px
-  height 102px
+  width calc(102px / var(--zoom))
+  height calc(102px / var(--zoom))
  background-size cover
  background-position center