feat: create new dashboard (layout, navbar, list of links)

This commit is contained in:
Sonny
2024-11-02 02:51:48 +01:00
committed by Sonny
parent 907dda300e
commit 757788bf9b
12 changed files with 404 additions and 128 deletions

View File

@@ -0,0 +1,3 @@
body {
overflow: hidden;
}

View File

@@ -1,40 +1,41 @@
:root {
--ml-bg-light: rgb(240, 238, 246);
--ml-bg-dark: rgb(34, 40, 49);
}
html,
body {
min-height: 100svh;
width: 100%;
background-color: light-dark(var(--mantine-color-white), rgb(34, 40, 49));
background-color: light-dark(var(--ml-bg-light), var(--ml-bg-dark));
}
.__transition_fadeIn {
animation: fadeIn 0.25s ease;
opacity: 1;
scale: 1;
animation: fadeIn 0.15s ease both;
}
.__transition_fadeOut {
animation: fadeOut 0.25s ease;
opacity: 0;
scale: 0.9;
animation: fadeOut 0.15s ease both;
}
@keyframes fadeIn {
from {
opacity: 0;
scale: 0.9;
transform: scale(0.9);
}
to {
opacity: 1;
scale: 1;
transform: none;
}
}
@keyframes fadeOut {
from {
opacity: 1;
scale: 1;
transform: none;
}
to {
opacity: 0;
scale: 0.9;
transform: scale(0.9);
}
}