jank elimination

cmss13-devs · Jan 10, 2025 · 7d8f51a · 7d8f51a
1 parent c61c9b1
commit 7d8f51a
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/tgui/packages/tgui/interfaces/HairPicker.tsx b/tgui/packages/tgui/interfaces/HairPicker.tsx
@@ -225,7 +225,6 @@ export const HairPickerElement = (props: {
             <Stack.Item
               key={hair.name}
               className={`Picker${active === hair.icon ? ' Active' : ''}`}
-              height="fit-content"
             >
               <Tooltip content={hair.name}>
                 <Box

diff --git a/tgui/packages/tgui/styles/interfaces/HairPicker.scss b/tgui/packages/tgui/styles/interfaces/HairPicker.scss
@@ -4,12 +4,17 @@
       margin-left: 6px;
     }
 
-    .Picker.Active {
-      outline: 4px solid #8ac8ff;
-    }
+    .Picker {
+      &.Active {
+        outline: 4px solid #8ac8ff;
+      }
+
+      & > div {
+        background: #fff;
+      }
 
-    .Picker img {
-      background: white;
+      height: 66px;
+      margin-bottom: 6px;
     }
   }
 }