mirror of
https://github.com/Dvorinka/swingmusic-extended.git
synced 2026-06-04 20:43:04 +00:00
improve component spacing
+ bump up folder and album page gap to ~ 1rem + test out noise texture on album img on album page + ~ although i'm still annoyed about the scrollbar space irregularities (will fix someday)
This commit is contained in:
+19
-18
@@ -1,5 +1,6 @@
|
||||
@import "../css/ProgressBar.scss";
|
||||
@import "mixins.scss";
|
||||
@import "./moz.scss";
|
||||
|
||||
:root {
|
||||
--separator: #ffffff46;
|
||||
@@ -85,11 +86,26 @@ a {
|
||||
max-width: 2720px;
|
||||
height: 100vh;
|
||||
margin: 0 auto;
|
||||
gap: $small;
|
||||
}
|
||||
|
||||
#acontent {
|
||||
grid-area: content;
|
||||
width: calc(100% + $small);
|
||||
max-width: 1955px;
|
||||
overflow: hidden auto;
|
||||
margin: 0 auto;
|
||||
padding-right: $medium;
|
||||
margin-bottom: $small;
|
||||
|
||||
.nav {
|
||||
margin: $small;
|
||||
width: calc(100% - 1rem);
|
||||
}
|
||||
}
|
||||
|
||||
.tabs {
|
||||
grid-area: tabs;
|
||||
border-left: solid 1px $gray3;
|
||||
|
||||
@include tablet-landscape {
|
||||
display: none;
|
||||
@@ -137,24 +153,9 @@ a {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#acontent {
|
||||
grid-area: content;
|
||||
width: 100%;
|
||||
max-width: 1955px;
|
||||
padding: $small;
|
||||
padding-left: 0;
|
||||
overflow: auto;
|
||||
margin: 0 auto;
|
||||
|
||||
.nav {
|
||||
margin: $small;
|
||||
width: calc(100% - 1rem);
|
||||
}
|
||||
}
|
||||
|
||||
.r-sidebar {
|
||||
grid-area: r-sidebar;
|
||||
border-left: solid 1px $gray3;
|
||||
// border-left: solid 1px $gray3;
|
||||
}
|
||||
|
||||
.image {
|
||||
@@ -187,7 +188,7 @@ a {
|
||||
/* width */
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 0.5rem;
|
||||
width: 3px;
|
||||
}
|
||||
|
||||
/* Track */
|
||||
|
||||
Reference in New Issue
Block a user