diff --git a/src/assets/scss/Global/app-grid.scss b/src/assets/scss/Global/app-grid.scss index 8999a1f2..fc97a87d 100644 --- a/src/assets/scss/Global/app-grid.scss +++ b/src/assets/scss/Global/app-grid.scss @@ -55,6 +55,8 @@ grid-area: content; max-width: 1955px; overflow: hidden scroll; + margin-right: -1rem; + padding-right: calc($medium - 1px); .nav { margin: $small; diff --git a/src/assets/scss/Global/index.scss b/src/assets/scss/Global/index.scss index b61c9d7c..373c9ea6 100644 --- a/src/assets/scss/Global/index.scss +++ b/src/assets/scss/Global/index.scss @@ -12,7 +12,7 @@ body { background-color: $body; - color: #fff; + color: $white; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: "SFCompactDisplay" !important; diff --git a/src/assets/scss/Global/scrollbars.scss b/src/assets/scss/Global/scrollbars.scss index 3311f5ba..fcfc40d7 100644 --- a/src/assets/scss/Global/scrollbars.scss +++ b/src/assets/scss/Global/scrollbars.scss @@ -1,5 +1,5 @@ ::-webkit-scrollbar { - width: 3px; + width: $smaller; } /* Track */ @@ -12,7 +12,7 @@ /* Handle */ ::-webkit-scrollbar-thumb { - background: rgba(128, 128, 128, 0.322); + background: $gray1; border-radius: 1rem; } diff --git a/src/assets/scss/index.scss b/src/assets/scss/index.scss index 9a2e4604..736750c1 100644 --- a/src/assets/scss/index.scss +++ b/src/assets/scss/index.scss @@ -1,10 +1,10 @@ @import "./mixins.scss", "./variables", -"./moz.scss", "./ProgressBar.scss", "./BottomBar/BottomBar.scss", -"./Global" +"./Global", +"./moz.scss" ; diff --git a/src/assets/scss/moz.scss b/src/assets/scss/moz.scss index fe7e1ea5..3cb0b112 100644 --- a/src/assets/scss/moz.scss +++ b/src/assets/scss/moz.scss @@ -1,5 +1,8 @@ -// Styles that only apply on our dear Firefox +// Styles that only apply on our dear Firefox -// @-moz-document url-prefix() { - -// } +@-moz-document url-prefix() { + #acontent { + margin-right: -1rem; + padding-right: 1rem; + } +} diff --git a/src/components/LeftSidebar/Navigation.vue b/src/components/LeftSidebar/Navigation.vue index 3409a2c4..948acd6d 100644 --- a/src/components/LeftSidebar/Navigation.vue +++ b/src/components/LeftSidebar/Navigation.vue @@ -101,10 +101,7 @@ const menus = [ margin: 0 $small 0 $small; border-radius: $small; transform: scale(0.9); - } - - svg > path { - fill: $accent; + opacity: .75; } } diff --git a/src/components/PlaylistView/Header.vue b/src/components/PlaylistView/Header.vue index 1eeebc31..3f9a9cea 100644 --- a/src/components/PlaylistView/Header.vue +++ b/src/components/PlaylistView/Header.vue @@ -4,11 +4,12 @@ ref="playlistheader" :style="[ { - backgroundImage: `url(${imguri + info.image})`, + backgroundImage: info.image ? `url(${imguri + info.image})` : '', }, ]" + :class="{ border: !info.image }" > -
+