Align banner with ft-card width using identical styling rules

kommunarr · Jun 21, 2024 · 914acf3 · 914acf3
1 parent 72ca2f8
commit 914acf3
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/src/renderer/App.css b/src/renderer/App.css
@@ -52,14 +52,26 @@
   opacity: 0;
 }
 
+/* align banner with ft-card width using identical styling rules */
+@media only screen and (width > 680px) {
+  .isSideNavOpen .banner {
+    max-inline-size: min(calc(100vw + -262px), 2800px);
+  }
+
+  .hideLabelsSideBar .banner {
+    max-inline-size: min(calc(100vw + -122px), 2800px);
+  }
+}
+
+
 @media only screen and (width <= 680px) {
   .routerView {
     margin-block: 68px;
     margin-inline: 8px;
   }
 
   .banner {
-    inline-size: 90%;
+    max-inline-size: calc(100vw - 64px);
     margin-block: 60px 0;
   }