guoqingshan/spanish-diary
1
0
Fork 0
Code Issues Pull Requests Packages Projects 1 Releases Wiki Activity

fix: 移动端改为全宽左对齐并占满视口

Browse Source
This commit is contained in:
guoqingshan
2026-08-02 11:47:13 +08:00
parent 5f242c7b88
commit 75fc9cc7a4
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
mobile.css
+3 -3
View File
@@ -1,5 +1,5 @@
@media (max-width: 768px) { @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 { #mobile-header {
display: flex; display: flex;
@@ -68,11 +68,11 @@
white-space: nowrap; 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-list, #panel-translate, #stats-panel { display: none; }
#panel-editor { #panel-editor {
display: flex; display: flex;
min-height: calc(100vh - 52px); min-height: 100vh;
border: none; border: none;
border-radius: 0; border-radius: 0;
} }
style.css
+3 -3
View File
@@ -375,7 +375,7 @@ body {
#password-modal-box .btn-confirm { background: var(--accent); color: #fff; border-color: var(--accent); } #password-modal-box .btn-confirm { background: var(--accent); color: #fff; border-color: var(--accent); }
@media (max-width: 768px) { @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 { #mobile-header {
display: flex; display: flex;
@@ -444,11 +444,11 @@ body {
white-space: nowrap; 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-list, #panel-translate, #stats-panel { display: none; }
#panel-editor { #panel-editor {
display: flex; display: flex;
min-height: calc(100vh - 52px); min-height: 100vh;
border: none; border: none;
border-radius: 0; border-radius: 0;
} }