feature: mobile header wip

2021-01-15 14:00:06 +01:00
parent 01fa6ff5a0
commit 8373a42d04
4 changed files with 94 additions and 5 deletions
--- a/src/styles/header/_index.scss
+++ b/src/styles/header/_index.scss
@ -22,11 +22,21 @@ header {
    }
  }

+  .icon-menu {
+    font-size: 24px;
+  }
+
  .tag {
    align-self: flex-start;
    padding: 4px 15px;
    margin-top: 16px;
    margin-left: 60px;
+
+    @media (max-width: 640px) {
+      align-self: center;
+      margin-top: 0;
+      margin-left: 15px;
+    }
  }

  solid-notifications {
@ -247,6 +257,10 @@ header {
  }

  details {
+    .icon-arrow-down {
+      
+    }
+
    &[open] {
      summary {
        background-color: var(--color-heading);