fix: enhance 404 page UI (#85)

eslint · Jul 5, 2022 · 36f4dee · 36f4dee
1 parent 9b3ac0b
commit 36f4dee
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 1 deletion.
diff --git a/src/assets/scss/foundations.scss b/src/assets/scss/foundations.scss
@@ -370,3 +370,8 @@ nav {
         transform: rotate(180deg);
     }
 }
+
+.h0 {
+    font-size: var(--step-6);
+    line-height: 1.2;
+}
diff --git a/src/assets/scss/layout.scss b/src/assets/scss/layout.scss
@@ -82,3 +82,15 @@
 .playground__config-options__sections {
     flex: 1;
 }
+
+.eslint-actions {
+    display: inline-flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    width: 100%;
+    gap: 1rem;
+
+    @media all and (min-width: 640px) {
+        flex-direction: row;
+    }
+}
diff --git a/src/pages/404.html b/src/pages/404.html
@@ -23,7 +23,7 @@ <h1 class="section-title h0">
         </div>
 
         <div class="content-container span-7-12">
-            <img width="480" height="366" src="../../assets/images/404.png" alt="">
+            <img width="480" height="366" src="./assets/images/404.png" alt="">
         </div>
     </div>
 </section>