优化移动端样式

This commit is contained in:
liuziting
2026-01-21 22:11:17 +08:00
parent 3bf3919f60
commit 8c30a7d3ae
3 changed files with 38 additions and 9 deletions

View File

@@ -232,24 +232,39 @@ body {
@apply !bg-white !border-slate-200 !shadow-xl !rounded-lg !left-4 md:!left-6 !bottom-28 md:!bottom-6 !transition-all;
}
@media (max-width: 767px) {
.vue-flow__controls {
margin-left: 0 !important;
left: 1rem !important;
}
}
.vue-flow__controls-button {
@apply !border-slate-100 !fill-slate-400 hover:!bg-slate-50 !transition-colors;
}
.vue-flow__minimap {
@apply !bg-white/80 !backdrop-blur-md !border-slate-200 !shadow-2xl !rounded-xl !overflow-hidden !transition-all;
margin: 1.5rem !important;
bottom: 80px !important;
right: 0 !important;
width: 180px !important;
height: 120px !important;
bottom: 130px !important;
right: 1rem !important;
width: 140px !important;
height: 100px !important;
margin: 0 !important;
}
.vue-flow__minimap svg {
display: block !important;
width: 100% !important;
height: 100% !important;
}
@media (min-width: 768px) {
.vue-flow__minimap {
bottom: 0 !important;
bottom: 1.5rem !important;
right: 1.5rem !important;
width: 220px !important;
height: 160px !important;
margin: 0 !important;
}
}