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.
This commit is contained in:
Chloe Kudryavtsev 2022-08-11 06:25:28 -04:00 committed by Gitea
parent 8d99f69c90
commit 9e6bc30a66
3 changed files with 3 additions and 13 deletions

View file

@ -118,6 +118,7 @@ function onContextmenu(ev: MouseEvent) {
flex-direction: column; flex-direction: column;
contain: content; contain: content;
border-radius: var(--radius); border-radius: var(--radius);
background: var(--bg);
--root-margin: 24px; --root-margin: 24px;
@ -136,9 +137,6 @@ function onContextmenu(ev: MouseEvent) {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
background: var(--windowHeader);
-webkit-backdrop-filter: var(--blur, blur(15px));
backdrop-filter: var(--blur, blur(15px));
> button { > button {
height: $height; height: $height;
@ -171,7 +169,6 @@ function onContextmenu(ev: MouseEvent) {
> .body { > .body {
overflow: auto; overflow: auto;
background: var(--bg);
} }
} }
</style> </style>

View file

@ -90,6 +90,7 @@ defineExpose({
flex-direction: column; flex-direction: column;
contain: content; contain: content;
border-radius: var(--radius); border-radius: var(--radius);
background: var(--panel);
--root-margin: 24px; --root-margin: 24px;
@ -102,9 +103,6 @@ defineExpose({
$height-narrow: 42px; $height-narrow: 42px;
display: flex; display: flex;
flex-shrink: 0; flex-shrink: 0;
background: var(--windowHeader);
-webkit-backdrop-filter: var(--blur, blur(15px));
backdrop-filter: var(--blur, blur(15px));
> button { > button {
height: $height; height: $height;
@ -139,7 +137,6 @@ defineExpose({
> .body { > .body {
overflow: auto; overflow: auto;
background: var(--panel);
} }
} }
</style> </style>

View file

@ -380,6 +380,7 @@ export default defineComponent({
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
background: var(--panel);
> .body { > .body {
overflow: hidden; overflow: hidden;
@ -403,10 +404,6 @@ export default defineComponent({
flex-shrink: 0; flex-shrink: 0;
user-select: none; user-select: none;
height: var(--height); 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-size: 95%;
font-weight: bold; font-weight: bold;
@ -447,7 +444,6 @@ export default defineComponent({
> .body { > .body {
flex: 1; flex: 1;
overflow: auto; overflow: auto;
background: var(--panel);
} }
} }