fix style modal settings

edrlab · Jan 2, 2024 · d6e852d · d6e852d
1 parent af8c8f0
commit d6e852d
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/src/renderer/assets/styles/components/modals.css b/src/renderer/assets/styles/components/modals.css
@@ -203,6 +203,26 @@
   }
 }
 
+#modalContainer {
+  position: fixed;
+  box-sizing: border-box;
+  transform: translate(-50%, -50%);
+  left: 50%;
+  top: 50%;
+  border-radius: 10px;
+  box-shadow: 0 0 20px 1px var( --reader-fontColor);
+  z-index: 102;
+  display: flex;
+  flex-direction: column;
+  overflow-y: auto;
+  overflow-x: hidden;
+  align-content: flex-start;
+  background-color: var(--reader-mainColor);
+  width: 700px;
+  height: 600px;
+  color: var( --reader-fontColor);
+}
+
 .modal_dialog-collapsed {
   min-height: 0;
 }

diff --git a/src/renderer/assets/styles/components/settings.scss b/src/renderer/assets/styles/components/settings.scss
@@ -6,7 +6,7 @@ $setting_color:  var(--color-button-primary);
 .settings_container {
     display: flex;
     height: calc(100vh - 300px);
-    min-height: 570px;
+    min-height: 600px;
     input[type='range'], input[type="checkbox"] {
         accent-color: $setting_color;
     }