fix: 移动端改为全宽左对齐并占满视口
This commit is contained in:
+3
-3
@@ -1,5 +1,5 @@
|
||||
@media (max-width: 768px) {
|
||||
body { padding: 0; overflow-x: hidden; }
|
||||
body { display: block; width: 100%; min-height: 100vh; padding: 0; overflow-x: hidden; }
|
||||
|
||||
#mobile-header {
|
||||
display: flex;
|
||||
@@ -68,11 +68,11 @@
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#app { display: block; padding: 0; }
|
||||
#app { display: block; width: 100%; max-width: none; min-height: 100vh; padding: 0; }
|
||||
#panel-list, #panel-translate, #stats-panel { display: none; }
|
||||
#panel-editor {
|
||||
display: flex;
|
||||
min-height: calc(100vh - 52px);
|
||||
min-height: 100vh;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
@@ -375,7 +375,7 @@ body {
|
||||
#password-modal-box .btn-confirm { background: var(--accent); color: #fff; border-color: var(--accent); }
|
||||
|
||||
@media (max-width: 768px) {
|
||||
body { padding: 0; overflow-x: hidden; }
|
||||
body { display: block; width: 100%; min-height: 100vh; padding: 0; overflow-x: hidden; }
|
||||
|
||||
#mobile-header {
|
||||
display: flex;
|
||||
@@ -444,11 +444,11 @@ body {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#app { display: block; padding: 0; }
|
||||
#app { display: block; width: 100%; max-width: none; min-height: 100vh; padding: 0; }
|
||||
#panel-list, #panel-translate, #stats-panel { display: none; }
|
||||
#panel-editor {
|
||||
display: flex;
|
||||
min-height: calc(100vh - 52px);
|
||||
min-height: 100vh;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user