initialize all components

This commit is contained in:
2024-03-12 20:56:38 -04:00
parent 0b73f16b04
commit 189fdccd93
9 changed files with 86 additions and 12 deletions

7
style/dashboard.scss Normal file
View File

@ -0,0 +1,7 @@
@import 'theme.scss';
.dashboard-container {
width: 73%;
background: green;
height: 100vh;
}

9
style/home.scss Normal file
View File

@ -0,0 +1,9 @@
@import "theme.scss";
.home-container {
margin-top: 0;
width: 100%;
height: 100vh;
display: flex;
flex-direction: row;
}

View File

@ -1,13 +1,16 @@
@import 'playbar.scss';
@import 'theme.scss';
@import 'queue.scss';
@import 'login.scss';
@import 'signup.scss';
@import "playbar.scss";
@import "theme.scss";
@import "queue.scss";
@import "login.scss";
@import "signup.scss";
@import "sidebar.scss";
@import "dashboard.scss";
@import 'home.scss';
body {
font-family: sans-serif;
background-color: $background-color;
color: $text-controls-color;
margin: 0;
padding: 0;
font-family: sans-serif;
background-color: $background-color;
color: $text-controls-color;
margin: 0;
padding: 0;
}

14
style/sidebar.scss Normal file
View File

@ -0,0 +1,14 @@
@import "theme.scss";
.sidebar-container {
background-color: red;
width: 27%;
height: calc(100% - 75px);
}
.sidebar-top-container {
border-radius: 1rem;
background-color: yellow;
height: 20%;
margin: 5px;
}