mirror of
https://github.com/nagisa77/OpenIsle.git
synced 2026-06-27 08:04:22 +00:00
feat: add flex wrap for mobile
This commit is contained in:
@@ -1,4 +1,7 @@
|
||||
/* Custom styles for vue-toastification */
|
||||
.Vue-Toastification__toast {
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.Vue-Toastification__toast--info {
|
||||
background-color: #d0e9ff;
|
||||
color: #1b6ec2;
|
||||
@@ -8,26 +11,25 @@
|
||||
color: #2b7a2b;
|
||||
}
|
||||
.Vue-Toastification__toast--error {
|
||||
background-color: #ffe4e4;
|
||||
background-color: #f99a9a;
|
||||
color: #b73737;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.Vue-Toastification__container {
|
||||
@media (max-width: 768px) {
|
||||
.Vue-Toastification__container.open-isle-toast-style-v1 {
|
||||
width: auto;
|
||||
max-width: 90vw;
|
||||
right: 0.5em;
|
||||
left: auto;
|
||||
}
|
||||
.Vue-Toastification__toast {
|
||||
padding: 12px 14px;
|
||||
}
|
||||
|
||||
.Vue-Toastification__toast-body {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.Vue-Toastification__close-button {
|
||||
font-size: 20px;
|
||||
line-height: 20px;
|
||||
font-size: 18px;
|
||||
line-height: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user