Add _header.scss

2024-05-30 21:54:18 +01:00 · 2024-05-30 21:54:18 +01:00 · b12889089b
commit b12889089b
parent 814f0c8127
3 changed files with 23 additions and 8 deletions
--- a/resources/sass/app.scss
+++ b/resources/sass/app.scss
@ -16,8 +16,9 @@ body {
 }

@import 'components/bookmark';
-@import 'components/pagination';
@import 'components/forms';
+@import 'components/header';
+@import 'components/pagination';

 a {
    &,
@ -31,12 +32,6 @@ a {
    }
 }

-
-h1 {
-    color: #FFF3B0;
-    text-align: center;
-}
-
 .container {
    max-width: 40rem;
    margin: 1em auto;
--- a/resources/sass/components/_header.scss
+++ b/resources/sass/components/_header.scss
@ -0,0 +1,18 @@
+header {
+    display: flex;
+    margin: 1em 0;
+
+    > h1 {
+        flex: 1;
+        margin: 0;
+        color: #FFF3B0;
+        text-align: left;
+        font-size: 2rem;
+    }
+
+    > a {
+        flex: 0;
+        font-size: 2rem;
+        text-decoration: none;
+    }
+}
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@ -6,7 +6,9 @@
 </head>
 <body>
    <div class="container">
-        <h1><a href="{{ url("/") }}">url snail</a></h1>
+        <header>
+            <h1><a href="{{ url("/") }}">url snail</a></h1>
+        </header>
        @yield('content')
    </div>
 </body>