eric/gitlab-instance-0a899031_nomadcna
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

's'

Browse Source
This commit is contained in:
eric
2026-02-03 03:16:45 -06:00
parent 444754286a
commit 9a22d87017
2 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/index.html
View File

@@ -6,11 +6,13 @@
content="width=device-width,initial-scale=1,user-scalable=no" content="width=device-width,initial-scale=1,user-scalable=no"
name="viewport" name="viewport"
/> />
<meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-touch-fullscreen" content="yes" /> <meta name="apple-touch-fullscreen" content="yes" />
<meta name="format-detection" content="telephone=no,address=no" /> <meta name="format-detection" content="telephone=no,address=no" />
<meta name="apple-mobile-web-app-status-bar-style" content="white" /> <meta name="apple-mobile-web-app-status-bar-style" content="white" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>数字游民CNA</title> <title>数字游民CNA</title>
<!-- <link rel="icon" href="./images/nomadcna.ico" type="image/x-icon" /> --> <!-- <link rel="icon" href="./images/nomadcna.ico" type="image/x-icon" /> -->
<!-- <link rel="icon" href="/static/images/images/cloud/nomadcna-192.png" type="image/png" /> --> <!-- <link rel="icon" href="/static/images/images/cloud/nomadcna-192.png" type="image/png" /> -->

11
src/pages/index/index.scss
View File

@@ -123,14 +123,21 @@
} }
} }
.items { .items {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 340px)); grid-template-columns: repeat(auto-fit, minmax(260px, 340px));
/* 核心改动：前面自适应列 + 最后一列固定 260px 给 rightItem */
grid-auto-rows: 280px; grid-auto-rows: 280px;
gap: 30px; gap: 40px;
padding: 20px; padding: 20px;
box-sizing: border-box; box-sizing: border-box;
// background-color: #f5222d; // background-color: #f5222d;
// grid-auto-columns: 0; // ⛔ 禁止 Grid 偷偷造列
.item:hover { .item:hover {
animation: pulse 0.6s ease; animation: pulse 0.6s ease;
} }
@@ -226,7 +233,7 @@
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
min-width: 260px; // 保证最小宽度不被挤掉 min-width: 260px; // 保证最小宽度不被挤掉
max-width: 340px; // 最大宽度 // max-width: 340px; // 最大宽度
box-sizing: border-box; box-sizing: border-box;
background-color: yellow; background-color: yellow;
} }