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

bugfixes

Browse source
This commit is contained in:
Chneemann 2024-08-22 23:38:57 +02:00
parent 6a89b1b408
commit 35702d8158
1 changed files with 16 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -16,8 +16,7 @@
section {
position: relative;
width: 615px;
max-width: 80%;
width: 520px;
padding: 12px 32px;
border-radius: 20px;
background-color: $blue;
@ -61,7 +60,7 @@ section {
display: flex;
align-items: center;
margin-left: 62px;
max-width: 350px;
max-width: 370px;
p {
font-size: 18px;
font-weight: 400;
@ -78,11 +77,14 @@ section {
transform: translateY(-50%);
cursor: pointer;
img {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
&:hover {
filter: brightness(0) saturate(100%) invert(25%) sepia(82%)
saturate(6600%) hue-rotate(237deg) brightness(88%) contrast(96%);
filter: brightness(0) saturate(100%) invert(11%) sepia(97%)
saturate(6864%) hue-rotate(345deg) brightness(99%) contrast(105%);
}
}
}
@ -91,15 +93,16 @@ section {
@media screen and (max-width: 600px) {
section {
position: absolute;
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 16px;
max-width: calc(100vw - 32px);
width: calc(100vw - 32px);
border-radius: 0;
display: flex;
flex-direction: column;
border-radius: 20px 20px 0 0;
}
.line {
@ -124,5 +127,11 @@ section {
top: 8px;
right: 16px;
transform: none;
img {
&:hover {
filter: brightness(0) saturate(100%) invert(25%) sepia(82%)
saturate(6600%) hue-rotate(237deg) brightness(88%) contrast(96%);
}
}
}
}