diff --git a/resources/sass/app.scss b/resources/sass/app.scss index 75d0952..59e26f1 100644 --- 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; diff --git a/resources/sass/components/_header.scss b/resources/sass/components/_header.scss new file mode 100644 index 0000000..494ee4f --- /dev/null +++ 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; + } +} diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php index c814549..96e6cdc 100644 --- a/resources/views/layouts/app.blade.php +++ b/resources/views/layouts/app.blade.php @@ -6,7 +6,9 @@
-

url snail

+
+

url snail

+
@yield('content')