From 5f46f54dfd84e432e4874bb107906a375f5d62fd Mon Sep 17 00:00:00 2001 From: Donald Zou Date: Thu, 3 Oct 2024 21:20:15 +0800 Subject: [PATCH] Updated mobile UI Using dvh and vh as fallback for mobile browsers. --- src/static/app/index.html | 2 +- src/static/app/src/App.vue | 2 +- .../messageCentreComponent/message.vue | 15 ++++++++--- src/static/app/src/components/navbar.vue | 26 +++++++++++++++++-- .../settingsComponent/dashboardLanguage.vue | 3 +-- src/static/app/src/views/index.vue | 20 +++++++++++--- src/static/css/dashboard.css | 11 ++++++++ 7 files changed, 66 insertions(+), 13 deletions(-) diff --git a/src/static/app/index.html b/src/static/app/index.html index df1ea3a..b8b92f5 100644 --- a/src/static/app/index.html +++ b/src/static/app/index.html @@ -7,7 +7,7 @@ WGDashboard -
+
diff --git a/src/static/app/src/App.vue b/src/static/app/src/App.vue index 548f575..f0e7d34 100644 --- a/src/static/app/src/App.vue +++ b/src/static/app/src/App.vue @@ -62,7 +62,7 @@ const getActiveCrossServer = computed(() => { } @media screen and (min-width: 768px) { - .navbarBtn{ + .navbar{ display: none; } } diff --git a/src/static/app/src/components/messageCentreComponent/message.vue b/src/static/app/src/components/messageCentreComponent/message.vue index aaf0053..5f864e4 100644 --- a/src/static/app/src/components/messageCentreComponent/message.vue +++ b/src/static/app/src/components/messageCentreComponent/message.vue @@ -16,13 +16,12 @@ export default { \ No newline at end of file diff --git a/src/static/app/src/components/navbar.vue b/src/static/app/src/components/navbar.vue index 4480599..15e566a 100644 --- a/src/static/app/src/components/navbar.vue +++ b/src/static/app/src/components/navbar.vue @@ -42,9 +42,10 @@ export default {
+ >