Adjust main padding on breakpoint xl. (#4173)

Fixes #4172
HyphaApp · Oct 24, 2024 · 75ec0a5 · 75ec0a5
1 parent b7d1955
commit 75ec0a5
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/hypha/static_src/sass/components/_admin-bar.scss b/hypha/static_src/sass/components/_admin-bar.scss
@@ -12,6 +12,10 @@
     color: variables.$color--white;
     background-color: variables.$color--dark-grey;
 
+    @include mixins.media-query(xl) {
+        padding-inline: 0;
+    }
+
     &__inner {
         max-width: variables.$site-width;
         margin: 0 auto;

diff --git a/hypha/templates/base-apply.html b/hypha/templates/base-apply.html
@@ -3,7 +3,7 @@
 
 {% block header %}
     <header
-        class="max-w-[1280px] px-4 py-2 flex gap-4 items-center justify-between mx-auto w-full"
+        class="max-w-[1280px] px-4 xl:px-0 py-2 flex gap-4 items-center justify-between mx-auto w-full"
         x-data="{'showDesktopMenu': false, isDesktop: false, mm: null}"
         x-init="mm = window.matchMedia(`(min-width: 768px)`); isDesktop = mm.matches; mm.addListener((e) => { isDesktop = e.matches }); "
     >