style(export): make media defaults responsive

This commit is contained in:
aits2026
2026-03-06 14:53:51 +08:00
parent 18313141f4
commit cacb9e449c

View File

@@ -397,20 +397,10 @@
align-items: stretch; align-items: stretch;
} }
.media-setting-group {
grid-template-columns: 1fr;
gap: 10px;
align-items: stretch;
}
.format-setting-group .form-control { .format-setting-group .form-control {
justify-content: flex-start; justify-content: flex-start;
} }
.media-setting-group .form-control {
justify-content: flex-start;
}
.format-grid { .format-grid {
max-width: none; max-width: none;
grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -419,6 +409,25 @@
} }
} }
@media (max-width: 1024px) {
.export-defaults-settings-form.layout-split {
.media-setting-group {
grid-template-columns: 1fr;
gap: 10px;
align-items: stretch;
}
.media-setting-group .form-control {
justify-content: flex-start;
}
.media-default-grid {
max-width: none;
flex-wrap: wrap;
}
}
}
@media (max-width: 760px) { @media (max-width: 760px) {
.export-defaults-settings-form.layout-split { .export-defaults-settings-form.layout-split {
.form-group { .form-group {