Allow home-component to scroll

This commit is contained in:
Ethan Girouard 2024-11-04 17:01:42 -05:00
parent 89433df8b6
commit 5011cda8fa
Signed by: eta357
GPG Key ID: 7BCDC36DFD11C146
4 changed files with 4 additions and 4 deletions

View File

@ -9,9 +9,9 @@
} }
.home-component { .home-component {
background: #1c1c1c; background: #1c1c1c;
height: 100vh;
width: calc(100% - 22rem - 16rem); width: calc(100% - 22rem - 16rem);
margin: 2px; margin: 2px;
padding: 0.2rem 1.5rem 1.5rem 1rem; padding: 0.2rem 1.5rem $playbar-size 1rem;
border-radius: 0.5rem; border-radius: 0.5rem;
overflow: scroll;
} }

View File

@ -3,7 +3,6 @@
.personal-container { .personal-container {
width: 16rem; width: 16rem;
background: #1c1c1c; background: #1c1c1c;
height: 100vh;
margin: 2px; margin: 2px;
border-radius: 0.5rem; border-radius: 0.5rem;

View File

@ -2,7 +2,7 @@
.playbar { .playbar {
width: 100%; width: 100%;
height: 75px; height: $playbar-size;
background-color: $play-bar-background-color; background-color: $play-bar-background-color;
opacity: 0.9; opacity: 0.9;
position: fixed; position: fixed;

View File

@ -16,3 +16,4 @@ $auth-inputs: #796dd4;
$auth-containers: white; $auth-containers: white;
$dashboard-tile-size: 200px; $dashboard-tile-size: 200px;
$playbar-size: 75px;