From a6425bd76d20bfa9e9555d9c2d2c5a9208e685cb Mon Sep 17 00:00:00 2001
From: paidge <paidge_cs@hotmail.com>
Date: Wed, 5 Jan 2022 03:16:26 +0100
Subject: [PATCH] correct bug menu on small screens
---
components/navigation/Bar.vue | 6 +++++-
1 file changed, 5 insertions(+), 1 deletion(-)
diff --git a/components/navigation/Bar.vue b/components/navigation/Bar.vue
index eb3fe5f..05dfdd1 100644
--- a/components/navigation/Bar.vue
+++ b/components/navigation/Bar.vue
@@ -28,7 +28,7 @@ $btn-width: 50px;
.header {
--menu-width: 0px;
- width: calc(99vw - var(--menu-width));
+ width: 100%;
z-index: 100;
background: var(--background-color-primary);
transition: width .5s ease-in-out;
@@ -36,6 +36,10 @@ $btn-width: 50px;
.open & {
--menu-width: 320px;
}
+
+ @media (min-width:1200px) {
+ width: calc(99vw - var(--menu-width));
+ }
}
nav.breadcrumb {
--
GitLab