feat: Center title in custom titlebar

amanharwara · Nov 7, 2021 · 2e7fe2c · 2e7fe2c
1 parent 2b13831
commit 2e7fe2c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 9 deletions.
diff --git a/src/components/CustomTitlebar.svelte b/src/components/CustomTitlebar.svelte
@@ -94,15 +94,10 @@
     }
   }
   #window-title {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-grow: 1;
-    overflow: hidden;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
     font-family: inherit;
-
-    span {
-      line-height: 1.5;
-    }
   }
 </style>
diff --git a/src/components/Titlebar/WindowControls.svelte b/src/components/Titlebar/WindowControls.svelte
@@ -54,6 +54,7 @@
     grid-template-columns: repeat(3, 46px);
     height: 100%;
     -webkit-app-region: no-drag;
+    margin-left: auto;
   }
   .window-button {
     grid-row: 1 / span 1;