fix: remove header background color for PC

This commit is contained in:
Tienson Qin
2022-05-23 22:19:12 +08:00
parent 276bfc7aae
commit a49d4b07aa

View File

@@ -1,7 +1,7 @@
.cp__header {
@apply shadow z-10;
-webkit-app-region: drag;
padding-top: var(--ls-headbar-inner-top-padding);
height: calc(var(--ls-headbar-height) + var(--ls-headbar-inner-top-padding));
display: flex;
@@ -16,7 +16,6 @@
user-select: none;
line-height: 1;
white-space: nowrap;
background-color: var(--ls-primary-background-color);
> .l {
width: var(--ls-left-sidebar-width);
@@ -207,7 +206,6 @@ a.button {
}
html.is-ios.is-safari {
.cp__header {
background-color: var(--ls-primary-background-color);
}
@@ -241,7 +239,7 @@ html.is-native-ipad {
margin-top: 24px;
}
}
.cp__header > .r {
display: flex;
}
@@ -250,11 +248,11 @@ html.is-native-ipad {
html.is-native-ipad {
--ls-headbar-inner-top-padding: 0px;
--ls-headbar-height: 4rem;
.cp__header {
background-color: transparent !important;
display: flex;
> .l {
/* background-color: var(--ls-primary-background-color); */
padding-top: 20px;
@@ -269,7 +267,7 @@ html.is-native-ipad {
align-items: center;
}
}
.left-sidebar-inner {
> .wrap {
padding-top: 20px;
@@ -291,7 +289,7 @@ html.is-native-ipad {
width: 12px;
height: 40vh;
}
.resizer:hover {
background-color: var(--ls-guideline-color, #ddd);
}
@@ -311,11 +309,11 @@ html.is-native-iphone {
padding-bottom: 12px;
}
}
.ui__notifications {
top: calc(var(--ls-headbar-height) + var(--ls-headbar-inner-top-padding) - 0.3rem);
}
@media (orientation: landscape) {
--ls-headbar-inner-top-padding: 8px;
--ls-headbar-height: 2.5rem;
@@ -327,7 +325,7 @@ html.is-native-iphone {
}
html.is-native-iphone-without-notch {
--ls-headbar-inner-top-padding: 15px;
--ls-headbar-height: 2.5rem;
@@ -335,7 +333,7 @@ html.is-native-iphone-without-notch {
--ls-headbar-inner-top-padding: 0px;
--ls-headbar-height: 2.5rem;
.cp__header {
@apply shadow z-10;
}