fix: remove header background color for PC

logseq · May 23, 2022 · a49d4b0 · a49d4b0
1 parent 276bfc7
commit a49d4b0
Showing 1 changed file with 10 additions and 12 deletions.
diff --git a/src/main/frontend/components/header.css b/src/main/frontend/components/header.css
@@ -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,15 +325,15 @@ html.is-native-iphone {
 }
 
 html.is-native-iphone-without-notch {
-    
+
     --ls-headbar-inner-top-padding: 15px;
     --ls-headbar-height: 2.5rem;
 
     @media (orientation: landscape) {
 
         --ls-headbar-inner-top-padding: 0px;
         --ls-headbar-height: 2.5rem;
-     
+
         .cp__header {
             @apply shadow z-10;
         }