Center header content

2024-04-05 15:02:02 +02:00 · 2024-04-05 15:02:02 +02:00 · 3a0a025166
parent 8c184046b4
commit 3a0a025166
3 changed files with 8 additions and 2 deletions
--- a/app/resources/sass/app.scss
+++ b/app/resources/sass/app.scss
@ -97,6 +97,12 @@ a.navbar-burger:hover {
    height: 100%;
 }

+.header-centered {
+    @media screen and (min-width: 1089px) {
+        transform: translateX(9.5%);
+    }
+}
+
 .header-content {
    position: relative;
    top: 50%;
--- a/app/views/header.php
+++ b/app/views/header.php
@ -2,7 +2,7 @@
 <div class="header">
    <div class="header-overlay">
        <div class="container">
-            <div class="columns">
+            <div class="columns header-centered">
                <div class="column is-half">
                    <div class="header-content">
                        <h1 class="header-gradient">{{ env('APP_NAME') }}</h1>
--- a/public/js/app.js
+++ b/public/js/app.js