web: hide logo on small screens (#141)

x1unix · web-flow · commit 5bda4fac9757 · 2022-03-28T04:13:30.000+03:00
diff --git a/web/src/components/core/Header.css b/web/src/components/core/Header.css
@@ -36,8 +36,12 @@
 }
 
 @media only screen and (max-width: 600px) {
+  .header__commandBar .ms-CommandBar {
+    padding: 0 10px;
+  }
   .header__logo {
     height: 1em;
-    margin-left: 0;
+    margin: 0 10px;
+    display: none;
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -36,8 +36,12 @@`
`36`	`36`	`}`
`37`	`37`
`38`	`38`	`@media only screen and (max-width: 600px) {`
	`39`	`+ .header__commandBar .ms-CommandBar {`
	`40`	`+ padding: 0 10px;`
	`41`	`+ }`
`39`	`42`	`.header__logo {`
`40`	`43`	`height: 1em;`
`41`		`- margin-left: 0;`
	`44`	`+ margin: 0 10px;`
	`45`	`+ display: none;`
`42`	`46`	`}`
`43`	`47`	`}`