jellyfin/jellyfin-vue
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-vue.git synced 2024-11-27 16:20:36 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

fix(home-header): remove background from welcome message

Browse Source
This commit is contained in:
MrTimscampi 2021-01-14 23:05:09 +01:00
parent 2f14752e61
commit b952b9c3c8
2 changed files with 11 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
assets/styles/HomeHeader.scss
View File

@ -38,12 +38,9 @@
background-size: contain;
background-repeat: no-repeat;
box-sizing: border-box;
background-color: #{map-get($material-dark, 'menus')};
mask-image: linear-gradient(
180deg,
rgba(37, 18, 18, 0.75) 0%,
rgba(0, 0, 0, 0) 100%
);
mask-image: linear-gradient(180deg,
rgba(37, 18, 18, 0.75) 0%,
rgba(0, 0, 0, 0) 100%);
z-index: 1;
}
@ -64,8 +61,7 @@
margin-right: 0;
padding-bottom: (9 / 16) * 80%;
background-position: right center;
mask-image: linear-gradient(
to right,
mask-image: linear-gradient(to right,
hsla(0, 0%, 0%, 0) 0%,
hsla(0, 0%, 0%, 0.182) 5.6%,
hsla(0, 0%, 0%, 0.34) 9.9%,
@ -81,10 +77,8 @@
hsla(0, 0%, 0%, 0.989) 54.3%,
hsla(0, 0%, 0%, 0.996) 66.6%,
hsla(0, 0%, 0%, 0.999) 81.7%,
hsl(0, 0%, 0%) 100%
),
linear-gradient(
to top,
hsl(0, 0%, 0%) 100%),
linear-gradient(to top,
hsla(0, 0%, 0%, 0) 0%,
hsla(0, 0%, 0%, 0.182) 5.6%,
hsla(0, 0%, 0%, 0.34) 9.9%,
@ -100,8 +94,7 @@
hsla(0, 0%, 0%, 0.989) 54.3%,
hsla(0, 0%, 0%, 0.996) 66.6%,
hsla(0, 0%, 0%, 0.999) 81.7%,
hsl(0, 0%, 0%) 100%
);
hsl(0, 0%, 0%) 100%);
mask-composite: intersect;
}

4
components/Layout/HomeHeader/HomeHeaderItems.vue
View File

@ -290,4 +290,8 @@ export default Vue.extend({
<style lang="scss" scoped>
@import '~/assets/styles/HomeHeader.scss';
.slide-backdrop {
background-color: #{map-get($material-dark, 'menus')};
}
</style>