fix: cleaned up modal & table styling

Tormak9970 · Sep 13, 2024 · fb98da2 · fb98da2
1 parent cb10456
commit fb98da2
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/src/components/Titlebar.svelte b/src/components/Titlebar.svelte
@@ -36,13 +36,13 @@
     // * This is actually async but isn't typed properly.
     const appWindow = await Window.getByLabel("main")!;
     
-    minimize.addEventListener("click", () => appWindow.minimize());
+    minimize.addEventListener("click", () => appWindow!.minimize());
     maximize.addEventListener("click", () => {
-      appWindow.toggleMaximize();
+      appWindow!.toggleMaximize();
       isMaxed = !isMaxed;
     });
     close.addEventListener("click", onCloseListener);
-    appWindow.onCloseRequested(async (event) => {
+    appWindow!.onCloseRequested(async (event) => {
       event.preventDefault();
       await onCloseListener();
     }).then((listener) => windowCloseUnsub = listener);
@@ -104,6 +104,9 @@
     display: inline-flex;
     justify-content: space-between;
     font-size: 14px;
+    
+    position: relative;
+    z-index: 2;
   }
   .info {
     display: flex;

diff --git a/src/components/layout/Table.svelte b/src/components/layout/Table.svelte
@@ -2,10 +2,9 @@
   import { scrollShadow } from "@directives";
 
   export let height = "400px";
-  export let marginLeft = "7px";
 </script>
 
-<div class="table" style="height: {height}; margin-left: {marginLeft};">
+<div class="table" style="height: {height};">
   <div class="header">
     <slot name="header" />
   </div>
@@ -21,12 +20,14 @@
   .table {
     margin-top: 7px;
 
-    width: calc(100% - 28px);
+    width: calc(100% - 14px);
     
     padding: 7px;
 
     border-radius: 4px;
 
+    font-size: 14px;
+
     background-color: var(--background-dark);
   }
 
@@ -59,7 +60,6 @@
     height: 100%;
     width: 100%;
 
-
     overflow: auto;
   }
 </style>