From 8e91efcf0ed6addc405e422765c391f8a1cebc61 Mon Sep 17 00:00:00 2001 From: Gibbu Date: Mon, 17 Jun 2024 17:17:19 +1000 Subject: [PATCH] Fixed server icons --- src/core/_root.scss | 1 - src/theme/_vars.scss | 1 + src/theme/chat/_call.scss | 6 +----- src/theme/guilds/_server.scss | 16 ++++++++-------- 4 files changed, 10 insertions(+), 14 deletions(-) diff --git a/src/core/_root.scss b/src/core/_root.scss index bd657d9..886e260 100644 --- a/src/core/_root.scss +++ b/src/core/_root.scss @@ -3,7 +3,6 @@ --channels-width: 300px; /* Size of the server channel/dms list | Default: 300px */ --members-width: 280px; /* Size of the members list | Default: 280px */ - --server-size: 48px; /* Size of each server in the server list | Default: 48px */ --dark-background-hue: 0; /* The hue of the background colour. | Options: 0 to 360 | Default: 0 */ --dark-background-saturation: 0%; /* How much of the colour should be visible. | Must end in a % | Default: 0% */ diff --git a/src/theme/_vars.scss b/src/theme/_vars.scss index daca09f..9b009ff 100644 --- a/src/theme/_vars.scss +++ b/src/theme/_vars.scss @@ -53,6 +53,7 @@ --chat-spacing-y: 32px; --chat-spacing-x: 24px; + --server-size: 48px; --server-icon-size: 28px; --server-container: calc(var(--server-size) + 16px); --server-hover-selected: inset 0 0 0 100vmax var(--server-bg), inset 1px 0 0 var(--btn-border-x), inset 0 1px 0 var(--btn-border-t), diff --git a/src/theme/chat/_call.scss b/src/theme/chat/_call.scss index f218331..c6e3312 100644 --- a/src/theme/chat/_call.scss +++ b/src/theme/chat/_call.scss @@ -42,14 +42,10 @@ .contextMenuContainer__7fb37 { display: flex; - height: 32px; - width: 70px; overflow: hidden; - & > svg { - transform: translateX(6px) scale(1.2726); - } foreignObject { mask: none; + width: 42px; } button { @include mixins.btn; diff --git a/src/theme/guilds/_server.scss b/src/theme/guilds/_server.scss index a13f3da..3ce469d 100644 --- a/src/theme/guilds/_server.scss +++ b/src/theme/guilds/_server.scss @@ -49,7 +49,7 @@ box-sizing: border-box; } } - .wrapper-28eC3z { + .wrapper_a6f950 { border-radius: var(--rounded); cursor: var(--cursor); width: var(--server-size); @@ -58,11 +58,11 @@ .wrapper__9916c { cursor: var(--cursor); } - .wrapper__8436d { + .wrapper_a6f950 { position: relative; transition: box-shadow 0.15s var(--transition); &:hover, - &.selected_ae80f7 { + &.selected_b420e6 { box-shadow: var(--server-hover-selected); } } @@ -78,8 +78,8 @@ } } - .icon__11cf1, - .childWrapper_a6ce15 { + .icon_e2a8c1, + .childWrapperNoHoverBg_bc176a { width: var(--server-icon-size); height: var(--server-icon-size); border-radius: var(--server-icon-shape); @@ -87,7 +87,7 @@ z-index: 2; } - .wrapper__8436d svg { + .wrapper_a6f950 svg { width: 75%; height: 75%; mask: url(mono.$home) center/cover; @@ -97,11 +97,11 @@ } } - .childWrapper_a6ce15 { + .childWrapperNoHoverBg_bc176a { background: transparent; font-weight: var(--font-weight-semibold); } - .wrapper__8436d.selected_ae80f7 .childWrapper_a6ce15 { + .wrapper_a6f950.selected_ae80f7 .childWrapperNoHoverBg_bc176a { background: transparent; color: var(--text-primary); }