Jiao77/astro-jiao77.cn
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

complete card height change and new page about RoRd overall and weight assignment

Browse Source
This commit is contained in:
Jiao77
2025-10-05 20:40:16 +08:00
parent 8a0276c3ce
commit 76efb30b7f
15 changed files with 2734 additions and 1446 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/pages/report/template/index.astro
View File

@@ -492,10 +492,10 @@ print(quick_sort([3, 6, 8, 10, 1, 2, 1]))`
/* === 布局样式 === */
.report-layout {
--report-sidebar-width: clamp(260px, 22vw, 320px);
--report-sidebar-width: clamp(var(--report-sidebar-min-width), 22vw, var(--report-sidebar-max-width));
display: flex;
flex-direction: column;
gap: 2.5rem;
gap: var(--report-sidebar-gap);
position: relative;
width: 100%;
}
@@ -782,8 +782,13 @@ print(quick_sort([3, 6, 8, 10, 1, 2, 1]))`
* - 1200px (当前设置，平衡)
* - 1400px (较宽，适合表格)
*/
:root {
:global(:root) {
--max-content-width: 1200px;
--report-sidebar-min-width: 260px;
--report-sidebar-base-width: 300px;
--report-sidebar-max-width: 320px;
--report-sidebar-gap: 2.5rem;
--report-content-padding: 1rem;
}
/* 统一宽度类 - 所有内容区域使用相同的最大宽度 */
@@ -802,11 +807,31 @@ print(quick_sort([3, 6, 8, 10, 1, 2, 1]))`
@media (min-width: 1280px) {
.report-main {
padding-left: clamp(calc(300px + 2.5rem), calc((100vw - 1200px) / 2 + 1rem), calc(320px + 3rem));
padding-right: clamp(1rem, calc((100vw - 1200px) / 2 + 1rem), 2rem);
padding-left: clamp(
calc(var(--report-sidebar-base-width) + var(--report-sidebar-gap)),
calc((100vw - var(--max-content-width)) / 2 + var(--report-content-padding)),
calc(var(--report-sidebar-max-width) + 3rem)
);
padding-right: clamp(
var(--report-content-padding),
calc((100vw - var(--max-content-width)) / 2 + var(--report-content-padding)),
2rem
);
}
.report-layout {
max-width: var(--max-content-width);
margin: 0 auto;
position: relative;
}
.report-content {
max-width: 100%;
width: 100%;
margin-left: 0;
}
.container {
padding-left: var(--report-content-padding);
padding-right: var(--report-content-padding);
}
.report-layout { max-width: var(--max-content-width); margin: 0 auto; position: relative; }
.report-content { max-width: 100%; width: 100%; margin-left: 0; }
}
/* === 工具样式类 === */