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