style refine

2022-04-04 21:51:33 +08:00
parent 855fd1f006
commit 10b35a3f0a
33 changed files with 263 additions and 686 deletions
--- a/lama_cleaner/app/src/components/Header/Header.scss
+++ b/lama_cleaner/app/src/components/Header/Header.scss
@@ -1,16 +1,25 @@
 header {
-  grid-area: main-content;
+  height: 60px;
  padding: 1rem 2rem;
  position: absolute;
  top: 0;
-  display: grid;
-  grid-template-columns: repeat(2, max-content);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
  width: 100%;
-  grid-template-columns: repeat(2, auto);
+  z-index: 20;
+  backdrop-filter: blur(12px);
+  border-bottom: 1px solid rgb(100, 100, 120, 0.2);
 }

 .shortcuts {
-  justify-self: end;
-  margin-right: 4rem;
  z-index: 1;
 }
+
+.header-icons-wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 12px;
+  justify-self: end;
+}