🐛 set max-width for header

moegi-design · Apr 6, 2021 · 1fa1ffd · 1fa1ffd
1 parent b712902
commit 1fa1ffd
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/components/Header.svelte b/src/components/Header.svelte
@@ -83,21 +83,23 @@
   }
   .gh-title {
     color: var(--color-text-lighter);
-    margin-left: 8px;
+    margin: 0 8px;
     font-size: 0.9rem;
     font-weight: bold;
     white-space: nowrap;
     transform: translateX(-1rem);
     transition: all .3s ease;
     opacity: 0;
+    overflow-x: hidden;
+    text-overflow: ellipsis;
+    @include respond-to(sm) {
+      flex: 1;
+    }
     &:before {
       content: '/';
       color: var(--color-text-lighter);
-      margin: 0 8px;
-      overflow-x: hidden;
-      text-overflow: ellipsis;
+      margin-right: 8px;
       @include respond-to(sm) {
-        flex: 1;
         content: '|';
       }
     }