From 4b185906d48cc14248bd3d925f475d7ecd417286 Mon Sep 17 00:00:00 2001
From: Chloe Kudryavtsev <code@toast.bunkerlabs.net>
Date: Thu, 11 Aug 2022 06:25:28 -0400
Subject: [PATCH] client: remove unused windowHeader references

All of them exist in separate header/body components.
Changed to have the entire component have the same background,
rather than setting it twice.
---
 packages/client/src/components/modal-page-window.vue | 5 +----
 packages/client/src/components/ui/modal-window.vue   | 5 +----
 packages/client/src/components/ui/window.vue         | 6 +-----
 3 files changed, 3 insertions(+), 13 deletions(-)

diff --git a/packages/client/src/components/modal-page-window.vue b/packages/client/src/components/modal-page-window.vue
index 8cb992a12..fdb4b7610 100644
--- a/packages/client/src/components/modal-page-window.vue
+++ b/packages/client/src/components/modal-page-window.vue
@@ -118,6 +118,7 @@ function onContextmenu(ev: MouseEvent) {
 	flex-direction: column;
 	contain: content;
 	border-radius: var(--radius);
+	background: var(--bg);
 
 	--root-margin: 24px;
 
@@ -136,9 +137,6 @@ function onContextmenu(ev: MouseEvent) {
 		white-space: nowrap;
 		overflow: hidden;
 		text-overflow: ellipsis;
-		background: var(--windowHeader);
-		-webkit-backdrop-filter: var(--blur, blur(15px));
-		backdrop-filter: var(--blur, blur(15px));
 
 		> button {
 			height: $height;
@@ -171,7 +169,6 @@ function onContextmenu(ev: MouseEvent) {
 
 	> .body {
 		overflow: auto;
-		background: var(--bg);
 	}
 }
 </style>
diff --git a/packages/client/src/components/ui/modal-window.vue b/packages/client/src/components/ui/modal-window.vue
index ff72a9b50..78b4ff5b4 100644
--- a/packages/client/src/components/ui/modal-window.vue
+++ b/packages/client/src/components/ui/modal-window.vue
@@ -90,6 +90,7 @@ defineExpose({
 	flex-direction: column;
 	contain: content;
 	border-radius: var(--radius);
+	background: var(--panel);
 
 	--root-margin: 24px;
 
@@ -102,9 +103,6 @@ defineExpose({
 		$height-narrow: 42px;
 		display: flex;
 		flex-shrink: 0;
-		background: var(--windowHeader);
-		-webkit-backdrop-filter: var(--blur, blur(15px));
-		backdrop-filter: var(--blur, blur(15px));
 
 		> button {
 			height: $height;
@@ -139,7 +137,6 @@ defineExpose({
 
 	> .body {
 		overflow: auto;
-		background: var(--panel);
 	}
 }
 </style>
diff --git a/packages/client/src/components/ui/window.vue b/packages/client/src/components/ui/window.vue
index 0d4fad8c0..f9c71897a 100644
--- a/packages/client/src/components/ui/window.vue
+++ b/packages/client/src/components/ui/window.vue
@@ -380,6 +380,7 @@ export default defineComponent({
 	position: fixed;
 	top: 0;
 	left: 0;
+	background: var(--panel);
 
 	> .body {
 		overflow: hidden;
@@ -403,10 +404,6 @@ export default defineComponent({
 			flex-shrink: 0;
 			user-select: none;
 			height: var(--height);
-			background: var(--windowHeader);
-			-webkit-backdrop-filter: var(--blur, blur(15px));
-			backdrop-filter: var(--blur, blur(15px));
-			//border-bottom: solid 1px var(--divider);
 			font-size: 95%;
 			font-weight: bold;
 
@@ -447,7 +444,6 @@ export default defineComponent({
 		> .body {
 			flex: 1;
 			overflow: auto;
-			background: var(--panel);
 		}
 	}