fix(guid): reset negative margin-top on mobile viewport

zynx · zynx · commit f0e47abbedf2 · 2026-02-22T16:09:36.000+08:00
The -5vh margin-top on .guidLayout causes content clipping on mobile
where the container switches to flex-start + overflow-y: auto.
Reset to 0 in the mobile media query to prevent content from
overflowing into the non-scrollable area.
diff --git a/src/renderer/pages/guid/index.module.css b/src/renderer/pages/guid/index.module.css
@@ -129,6 +129,10 @@
     padding-top: 20px;
     -webkit-overflow-scrolling: touch;
   }
+
+  .guidContainer .guidLayout {
+    margin-top: 0;
+  }
 }
 
 /* 浅色占位符 */

Original file line number	Diff line number	Diff line change
`@@ -129,6 +129,10 @@`
`129`	`129`	`padding-top: 20px;`
`130`	`130`	`-webkit-overflow-scrolling: touch;`
`131`	`131`	`}`
	`132`	`+`
	`133`	`+ .guidContainer .guidLayout {`
	`134`	`+ margin-top: 0;`
	`135`	`+ }`
`132`	`136`	`}`
`133`	`137`
`134`	`138`	`/* 浅色占位符 */`