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