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

update design

Browse source
This commit is contained in:
Chneemann 2024-08-28 20:04:55 +02:00
parent 5fc3e5b062
commit 0d7b669cf6
2 changed files with 15 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/app/components/home/browse/hero-banner/hero-banner.component.html
View file

@ -29,7 +29,7 @@
> >
<div class="title">{{ currentMovie[0].title }}</div> <div class="title">{{ currentMovie[0].title }}</div>
<div <div
class="description" class="description hide-scrollbar"
[ngClass]="{ [ngClass]="{
fullVhDescription: !screenWidth fullVhDescription: !screenWidth
}" }"

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

@ -33,7 +33,7 @@ section {
.content { .content {
position: absolute; position: absolute;
width: 50%; width: 60%;
top: 120px; top: 120px;
left: 96px; left: 96px;
gap: 32px; gap: 32px;
@ -52,9 +52,6 @@ section {
font-size: 18px; font-size: 18px;
font-weight: 400; font-weight: 400;
max-height: 96px; max-height: 96px;
height: fit-content;
overflow: hidden;
word-wrap: break-word;
text-shadow: 1px 1px 2px $black; text-shadow: 1px 1px 2px $black;
} }
@ -119,3 +116,16 @@ section {
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
// Hide scrollbar
.hide-scrollbar {
overflow-y: auto;
overflow-x: hidden;
-ms-overflow-style: none;
scrollbar-width: none;
}
.hide-scrollbar::-webkit-scrollbar {
width: 0px;
}