softunis/mengstack-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复首页Quick Start代码块移动端溢出卡片边界

Browse Source 
- 为 .home-qs-step 添加 min-width:0 允许flex子元素收缩
- 为 .home-codeblock 添加 max-width:100% 约束宽度
This commit is contained in:
MengStack Dev 2026-10-03 01:48:18 +08:00
parent a09d805bd9
commit c08de67a24
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.vitepress/theme/Home.vue
View File

@ -658,7 +658,7 @@ watch(menuOpen, (open) => {
.home-qs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch} .home-qs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.home-qs-step{ .home-qs-step{
padding:26px;border-radius:var(--home-radius);background:var(--home-bg-elev);border:1px solid var(--home-border); padding:26px;border-radius:var(--home-radius);background:var(--home-bg-elev);border:1px solid var(--home-border);
box-shadow:var(--home-shadow);display:flex;flex-direction:column; box-shadow:var(--home-shadow);display:flex;flex-direction:column;min-width:0;
transition:transform .25s ease,box-shadow .25s ease,border-color .25s; transition:transform .25s ease,box-shadow .25s ease,border-color .25s;
} }
.home-qs-step:hover{transform:translateY(-4px);box-shadow:var(--home-shadow-lg);border-color:var(--home-border-strong)} .home-qs-step:hover{transform:translateY(-4px);box-shadow:var(--home-shadow-lg);border-color:var(--home-border-strong)}
@ -669,7 +669,7 @@ watch(menuOpen, (open) => {
font-family:var(--mono);font-size:13.5px;font-weight:700; font-family:var(--mono);font-size:13.5px;font-weight:700;
} }
.home-qs-step>p{font-size:13.5px;color:var(--home-ink-faint);margin-bottom:14px} .home-qs-step>p{font-size:13.5px;color:var(--home-ink-faint);margin-bottom:14px}
.home-codeblock{margin-top:auto;position:relative;background:var(--home-code-bg);border-radius:10px;padding:14px 16px;overflow-x:auto} .home-codeblock{margin-top:auto;position:relative;background:var(--home-code-bg);border-radius:10px;padding:14px 16px;overflow-x:auto;max-width:100%}
.home-codeblock pre{margin:0;font-family:var(--mono);font-size:12.5px;line-height:1.7;color:var(--home-code-ink);white-space:pre} .home-codeblock pre{margin:0;font-family:var(--mono);font-size:12.5px;line-height:1.7;color:var(--home-code-ink);white-space:pre}
.home-codeblock .c-comment{color:#8d8472} .home-codeblock .c-comment{color:#8d8472}
.home-copy-btn{ .home-copy-btn{