From 0c04efb33f7b2d53c25f3f66ae86e9a005e6697a Mon Sep 17 00:00:00 2001
From: RossAscends <124905043+RossAscends@users.noreply.github.com>
Date: Sat, 6 May 2023 06:07:36 +0900
Subject: [PATCH] fix styles for hotswaps

---
 public/style.css | 44 ++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 40 insertions(+), 4 deletions(-)

diff --git a/public/style.css b/public/style.css
index 5dcb049e0..5d6db4e6b 100644
--- a/public/style.css
+++ b/public/style.css
@@ -558,11 +558,8 @@ code {
     gap: 5px;
 }
 
-.hotswap {
-    top: -5px;
-}
 
-.hotswapAvatar,
+
 .avatar {
     width: 50px;
     height: 50px;
@@ -574,6 +571,17 @@ code {
 
 }
 
+.hotswap {
+    top: -5px;
+}
+
+.hotswapAvatar,
+.hotswapAvatar .avatar {
+    width: 50px !important;
+    height: 50px !important;
+    border-style: none;
+}
+
 .hotswapAvatar {
     opacity: 0.5;
     transition: 250ms;
@@ -583,9 +591,37 @@ code {
 
 .hotswapAvatar:hover {
     opacity: 1;
+    background-color: transparent !important;
     cursor: pointer;
 }
 
+.hotswapAvatar .avatar_collage,
+.hotswapAvatar.group_select {
+    border-radius: 50% !important;
+    position: relative;
+    overflow: hidden;
+    min-width: 50px !important;
+}
+
+.hotswapAvatar.group_select .avatar img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    object-position: center;
+    border: 1px solid var(--black30a);
+    /* border-radius: 10px; */
+}
+
+.hotswapAvatar .avatar {
+    width: 50px !important;
+    height: 50px !important;
+    object-fit: cover;
+    object-position: center center;
+    border-radius: 50% !important;
+    /* border: 1px solid var(--black30a); */
+    box-shadow: 0 0 5px var(--black50a);
+}
+
 .hotswapAvatar img,
 .avatar img {
     width: 50px;