Fine-tuned styling by allowing scrollbar and reviewing switch style i…

…n shader control
vhiribarren · Jan 21, 2024 · ee1d562 · ee1d562
1 parent af83978
commit ee1d562
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 0 deletions.
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -2,4 +2,8 @@ html, body {
     height: 100%;
     margin: 0;
     padding: 0;
+}
+
+.mantine-Switch-body {
+    align-items: center;
 }
diff --git a/src/components/shaders/FragmentView.module.css b/src/components/shaders/FragmentView.module.css
@@ -1,5 +1,6 @@
 .drawerRoot {
     height: 100%;
+    overflow: auto;
 }
 
 div:has(> .drawerRoot) {

diff --git a/src/components/shaders/FragmentView.tsx b/src/components/shaders/FragmentView.tsx
@@ -49,6 +49,7 @@ const THEME_DRAWER_CONTROL = createTheme({
         Switch: Switch.extend({
             defaultProps: {
                 size: "xs",
+                labelPosition: "left",
             },
         }),
         Slider: Slider.extend({