Fix mobile issues

karlomikus · Jan 2, 2025 · c792497 · c792497
1 parent 92a5d32
commit c792497
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/src/components/Ingredient/IngredientImport.vue b/src/components/Ingredient/IngredientImport.vue
@@ -124,5 +124,6 @@ async function importIngredients() {
     padding: var(--gap-size-2);
     background-color: var(--clr-gray-100);
     color: var(--clr-gray-700);
+    overflow: auto;
 }
 </style>
diff --git a/src/components/Layout/SiteHeader.vue b/src/components/Layout/SiteHeader.vue
@@ -198,6 +198,7 @@ export default {
     text-decoration: none;
     font-weight: var(--fw-bold);
     color: rgba(255, 255, 255, .7);
+    white-space: nowrap;
 }
 
 .subnavigation-bar__nav>a:hover {