more responsive alerts
This commit is contained in:
parent
425be24b4b
commit
f468e28054
@ -28,7 +28,7 @@
|
|||||||
z-index: 0;
|
z-index: 0;
|
||||||
max-height: 200px;
|
max-height: 200px;
|
||||||
transition: all .3s ease-in-out;
|
transition: all .3s ease-in-out;
|
||||||
padding-left: 30px;
|
padding-left: 20px;
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
margin-right: 60px;
|
margin-right: 60px;
|
||||||
box-shadow: 0 0 7px var(--color-dark);
|
box-shadow: 0 0 7px var(--color-dark);
|
||||||
@ -68,6 +68,7 @@
|
|||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
|
|
||||||
.alert {
|
.alert {
|
||||||
|
padding-left: 30px;
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
min-width: 400px;
|
min-width: 400px;
|
||||||
}
|
}
|
||||||
@ -114,6 +115,14 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
|
||||||
|
.alert__content {
|
||||||
|
padding: 4px 7px;
|
||||||
|
padding-left: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.alert__close {
|
.alert__close {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
@ -155,6 +164,13 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
|
||||||
|
.alert__close {
|
||||||
|
width: 40px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.alert-success {
|
.alert-success {
|
||||||
|
|
||||||
.alert__content {
|
.alert__content {
|
||||||
|
|||||||
Reference in New Issue
Block a user