Merge pull request #99 from kvarteret/mathias/topbar-should-not-float…

…-over-content Prevent topbar to float over banner image
kvarteret · Oct 19, 2023 · 3b00dbc · 3b00dbc
2 parents e3903bb + 82cd21a
commit 3b00dbc
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/apps/kvarteret/components/Page.js b/apps/kvarteret/components/Page.js
@@ -62,7 +62,7 @@ const ComponentLookup = ({ type, data }) => {
     case "call_to_action_section":
       return <CallToActionSection {...data} />;
     case "rooms_section":
-      return <RoomSection {...data}/>
+      return <RoomSection {...data} />;
 
     default:
       return <div>TODO: Missing section types</div>;
@@ -87,7 +87,7 @@ const Page = ({ data }) => (
           max-width: 1080px;
           margin: auto;
           padding: 0 40px;
-          margin-top: 100px;
+          margin-top: 20px;
           margin-bottom: 40px;
         }
       `}

diff --git a/apps/kvarteret/pages/events/index.js b/apps/kvarteret/pages/events/index.js
@@ -197,7 +197,7 @@ const EventSearch = () => {
             margin: 20px;
           }
           .container {
-            margin-top: 100px;
+            margin-top: 20px;
             max-width: 1080px;
             width: 100%;
           }

diff --git a/packages/dak-components/lib/components/layout/Layout.js b/packages/dak-components/lib/components/layout/Layout.js
@@ -68,6 +68,7 @@ const Layout = ({ children, data }) => {
 
           .content {
             flex: 1;
+            margin-top: 80px;
           }
 
           .header {
@@ -79,7 +80,7 @@ const Layout = ({ children, data }) => {
           .header-bar {
             height: 80px;
             width: 100%;
-            background-color: rgba(0, 0, 0, 0.7);
+            background-color: rgba(0, 0, 0, 1);
             box-shadow: 0 4px 4px rgb(0 0 0 / 40%);
             backdrop-filter: blur(4px);
           }