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

update responsive design

Browse source
This commit is contained in:
Chneemann 2024-08-09 18:42:38 +02:00
parent 19d956ef6a
commit d70982c0b5
2 changed files with 35 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
frontend/src/app/components/home/home.component.ts
View file

@ -32,7 +32,6 @@ import { ErrorService } from '../../services/error.service';
}) })
export class HomeComponent implements OnInit { export class HomeComponent implements OnInit {
currentRoute: any; currentRoute: any;
displayErrorToast: boolean = false;
constructor( constructor(
private route: ActivatedRoute, private route: ActivatedRoute,

35
frontend/src/app/shared/components/error-toast/error-toast.component.scss
View file

@ -3,6 +3,7 @@
section { section {
position: relative; position: relative;
width: 615px; width: 615px;
max-width: 80%;
height: fit-content; height: fit-content;
padding: 12px 32px; padding: 12px 32px;
border-radius: 20px; border-radius: 20px;
@ -91,3 +92,37 @@ section {
align-items: center; align-items: center;
z-index: 999; z-index: 999;
} }
/*------------- RESPONSIVE -------------*/
@media screen and (max-width: 600px) {
section {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: fit-content;
min-height: 120px;
max-width: 90%;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.left {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 0;
}
.right {
top: 12px;
right: 60px;
.line {
display: none;
}
}
.content {
margin-top: 48px;
}
}