[BootstrapAdminUi] Adjustments for mobile

Sylius · Nov 8, 2024 · 2e29ca9 · 2e29ca9
1 parent c4d468b
commit 2e29ca9
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/src/BootstrapAdminUi/templates/shared/crud/common/content/header/title_block.html.twig b/src/BootstrapAdminUi/templates/shared/crud/common/content/header/title_block.html.twig
@@ -1,3 +1,3 @@
-<div class="row mt-3">
+<div class="row mt-3 row-gap-2">
     {% hook 'title_block' %}
 </div>
diff --git a/src/BootstrapAdminUi/templates/shared/crud/common/navbar.html.twig b/src/BootstrapAdminUi/templates/shared/crud/common/navbar.html.twig
@@ -1,5 +1,5 @@
 <header class="navbar d-print-none">
-    <div class="container-xl d-flex">
+    <div class="container-xl d-flex gap-2 flex-nowrap">
         {% hook 'sylius_admin.common.component.navbar' with { _prefixes: [] } %}
     </div>
 </header>
diff --git a/src/BootstrapAdminUi/templates/shared/crud/common/navbar/items.html.twig b/src/BootstrapAdminUi/templates/shared/crud/common/navbar/items.html.twig
@@ -1,3 +1,3 @@
-<div class="nav align-items-center gap-3">
+<div class="nav align-items-center gap-3 flex-nowrap flex-shrink-0">
     {% hook 'items' %}
 </div>
diff --git a/src/BootstrapAdminUi/templates/shared/crud/common/navbar/menu.html.twig b/src/BootstrapAdminUi/templates/shared/crud/common/navbar/menu.html.twig
@@ -1,3 +1,3 @@
-<div id="navbar-menu">
+<div class="flex-shrink-1" id="navbar-menu">
     {% hook 'menu' %}
 </div>