fix(gui): blurarea clipping chrome

beat-forge · Aug 13, 2023 · 8ac5cf7 · 8ac5cf7
1 parent 916649f
commit 8ac5cf7
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/apps/gui/src/app.postcss b/apps/gui/src/app.postcss
@@ -93,7 +93,9 @@ input {
 	position: absolute;
 	user-select: none;
 	pointer-events: none;
-	width: 100%;
+	width: calc(100% - 8px);
+	right: 4px;
+	left: 4px;
 	height: 96px;
 	z-index: 1;
 	-webkit-backdrop-filter: blur(20px);

diff --git a/apps/gui/src/lib/components/TitleBar.svelte b/apps/gui/src/lib/components/TitleBar.svelte
@@ -30,4 +30,4 @@
 	</div>
 </div>
 
-<div class="beatforge-titlebar-blur-area right-4" />
+<div class="beatforge-titlebar-blur-area" />