diff --git a/frontend/index.html b/frontend/index.html
index 038b5f39..3c1437c8 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -3,7 +3,7 @@
+
diff --git a/frontend/src/assets/styles/main.scss b/frontend/src/assets/styles/main.scss
index fcc6ad1c..83074b04 100644
--- a/frontend/src/assets/styles/main.scss
+++ b/frontend/src/assets/styles/main.scss
@@ -7,24 +7,23 @@
}
.page-content {
- height: 100%;
+ min-height: 100%;
overflow-y: scroll;
padding-bottom: 100px;
background-color: #fff;
}
@layer base {
- html {
+ html,
+ body {
font-family: 'Plus Jakarta Sans', sans-serif;
+ min-height: 100%;
+ overflow: hidden;
+ margin: 0;
}
}
-body {
- overflow: hidden;
-}
-
// Theme.
-
@layer base {
:root {
--background: 0 0% 100%;
@@ -156,6 +155,7 @@ body {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
table {
width: 100% !important;
+ table-layout: fixed !important;
}
}
@@ -168,7 +168,7 @@ body {
}
.box {
- @apply border shadow;
+ @apply border shadow rounded-lg;
}
.dashboard-card {
@@ -187,7 +187,7 @@ body {
::-webkit-scrollbar-thumb {
background-color: #888;
- border-radius: 10px;
+ border-radius: 3px;
border: 2px solid transparent;
background-clip: content-box;
}
@@ -198,7 +198,7 @@ body {
::-webkit-scrollbar-track {
background: #f0f0f0;
- border-radius: 10px;
+ border-radius: 3px;
}
// End Scrollbar
diff --git a/frontend/src/components/sidebar/Sidebar.vue b/frontend/src/components/sidebar/Sidebar.vue
index 34b41a50..c6a5517c 100644
--- a/frontend/src/components/sidebar/Sidebar.vue
+++ b/frontend/src/components/sidebar/Sidebar.vue
@@ -265,11 +265,12 @@ const sidebarOpen = useStorage('sidebarOpen', true)
v-on:update:open="sidebarOpen = $event"
>
+