Chneemann/videoflix
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

visual improvements

Browse source
This commit is contained in:
Chneemann 2024-08-03 18:27:23 +02:00
parent 17cf83a4f2
commit f61ff3c93d
2 changed files with 20 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
frontend/src/app/components/home/browse/browse.component.scss
View file

@ -20,6 +20,13 @@ section {
z-index: 1000; z-index: 1000;
overflow: hidden; /* Verhindert, dass das Video aus dem Overlay herausragt */ overflow: hidden; /* Verhindert, dass das Video aus dem Overlay herausragt */
position: relative; position: relative;
video {
width: 100%;
height: 100%;
}
&:hover .video-header {
opacity: 1;
}
} }
.video-header { .video-header {
@ -37,10 +44,6 @@ section {
transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out;
} }
.video-overlay:hover .video-header {
opacity: 1;
}
.back-button { .back-button {
cursor: pointer; cursor: pointer;
background: none; background: none;
@ -63,8 +66,3 @@ section {
width: 32px; width: 32px;
height: auto; height: auto;
} }
.video-overlay video {
width: 100%;
height: 100%;
}

13
frontend/src/app/components/home/browse/hero-banner/hero-banner.component.scss
View file

@ -12,6 +12,19 @@ section {
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
} }
&::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 10%;
background: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 1) 100%
);
}
} }
.content { .content {