Fix margin between menu cards and added directory menu in dashboard.

This commit is contained in:
Jas Singh
2024-07-11 00:08:40 -07:00
parent cd149636bc
commit b974c1e755
13 changed files with 285 additions and 9 deletions

View File

@@ -10,3 +10,10 @@
}
}
}
.menu-section-container.brightness {
margin-bottom: 0em;
}
.menu-section-container.energy {
margin-top: 0.5em;
}

View File

@@ -27,3 +27,13 @@
}
}
.menu-section-container.volume {
margin-bottom: 0.65em;
}
.menu-section-container.playback {
margin-top: 0em;
margin-bottom: 0.65em;
}
.menu-section-container.input {
margin-top: 0em;
}

View File

@@ -80,6 +80,12 @@
}
}
.calendar-menu-item-container.clock {
margin-bottom: 0.65em;
}
.calendar-menu-item-container.calendar {
margin-bottom: 0.65em;
}
.calendar-menu-item-container.weather {
margin-bottom: 0em;
}

View File

@@ -18,6 +18,8 @@
}
.profile-picture-container {
margin-right: 0.65em;
margin-bottom: 0.65em;
.profile-picture {
font-size: 7.5em;
}
@@ -30,6 +32,7 @@
.power-menu-container {
margin-left: 0em;
margin-bottom: 0.65em;
.dashboard-button {
min-width: 3em;
@@ -83,10 +86,14 @@
.container {
margin-top: 0em;
margin-bottom: 0.65em;
&.most-used {
margin-right: 0em;
}
&.utilities {
margin-left: 0.65em;
}
button {
background: $lavender;
@@ -114,6 +121,7 @@
}
.controls-container {
margin-bottom: 0.65em;
&.dashboard-card {
margin-top: 0em;
}
@@ -186,6 +194,51 @@
}
}
.directories-container {
&.dashboard-card {
margin-top: 0em;
margin-bottom: 0.65em;
padding-left: 1.5em;
padding-right: 0em;
}
.directory-link {
padding: 0.5em 0em;
min-width: 9em;
&:last-child {
margin-bottom: 0em;
}
label {
font-size: 1.3em;
}
&.documents {
color: $teal;
}
&.downloads {
color: $pink;
}
&.home {
color: $lavender;
}
&.pictures {
color: $mauve;
}
&.videos {
color: $yellow;
}
&.projects {
color: $maroon;
}
&:hover {
color: $green;
}
}
}
.stats-container {
margin-top: 0em;

View File

@@ -96,7 +96,7 @@
progress {
border-radius: 0.2em;
min-height: .85em;
background: $lavender;
background: $pink;
}
}

View File

@@ -36,6 +36,7 @@
font-size: 0.9em;
}
.menu-section-container.wifi {
margin-top: 0.65em;
.menu-items-section {
min-height: 12em;
}

View File

@@ -3,7 +3,7 @@
.notification-card-container.menu {
margin: 0em;
min-width: 28.6em;
min-height: 49.5em;
min-height: 48em;
background: $crust;
border: 0.13em solid $surface0;
border-radius: 0.7em;
@@ -38,7 +38,10 @@
}
.notification-card-content-container {
margin-bottom: 1em;
margin-bottom: 0.65em;
&:last-child {
margin-bottom: 1.3em;
}
}
.notification-card-content {
margin-bottom: 0.25em;