diff --git a/frontend/index.html b/frontend/index.html index 39d40a0..bc9f0e0 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -6,8 +6,13 @@ - + + + + + diff --git a/frontend/src/App.vue b/frontend/src/App.vue index 133597c..1d829aa 100644 --- a/frontend/src/App.vue +++ b/frontend/src/App.vue @@ -96,6 +96,7 @@ onBeforeUnmount(() => { display: flex; justify-content: end; width: 100%; + /* border-bottom: 1px solid var(--border-faint) */ } .app-container { diff --git a/frontend/src/assets/styles/global.css b/frontend/src/assets/styles/global.css index 6927858..89ab324 100644 --- a/frontend/src/assets/styles/global.css +++ b/frontend/src/assets/styles/global.css @@ -4,6 +4,8 @@ font-variation-settings: normal; --font-family: "Inter var", sans-serif; --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --border-faint: rgba(255, 255, 255, 0.2); + --border-faint-alt: rgba(255, 255, 255, 0.3); } @font-face { @@ -83,9 +85,9 @@ a { } .border-faint { - border: 1px solid rgba(190, 190, 190, 0.2); + border: 1px solid var(--border-faint); } .border-top-faint { - border-top: 1px solid rgba(190, 190, 190, 0.2); + border-top: 1px solid var(--border-faint); } \ No newline at end of file diff --git a/frontend/src/components/general/Sidebar.vue b/frontend/src/components/general/Sidebar.vue index b30fd9e..40c1734 100644 --- a/frontend/src/components/general/Sidebar.vue +++ b/frontend/src/components/general/Sidebar.vue @@ -23,21 +23,31 @@ const ModDevTools = () => router.push('/mod-dev-tools') - - -
-
-
-
+
-
-
- +