R68 A1-A6:Portal 首页信息架构与对齐优化

这个提交包含在:
2026-04-26 15:37:03 +08:00
父节点 a08db8590a
当前提交 46981380a0
共修改 6 个文件,包含 265 行新增和 81 行删除
+82
查看文件
@@ -92,6 +92,18 @@
@apply mt-3 max-w-3xl text-sm leading-6 md:text-base md:leading-7;
}
.workbench-hero--compact {
@apply gap-4 px-5 py-5 md:px-6 md:py-6;
}
.workbench-hero--compact .workbench-hero__title {
@apply text-2xl md:text-3xl;
}
.workbench-hero--compact .workbench-hero__subtitle {
@apply mt-2 max-w-2xl text-sm leading-6;
}
.card-std {
background: var(--color-bg-surface-raised);
border: 1px solid rgba(226, 232, 240, 0.92);
@@ -295,6 +307,22 @@
@apply inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold ring-1 ring-inset ring-slate-300/55;
}
.portal-metric-strip {
@apply grid gap-4 md:grid-cols-2 xl:grid-cols-4;
}
.portal-home-grid {
@apply grid gap-6 xl:grid-cols-[minmax(0,2fr),minmax(320px,0.95fr)] xl:items-stretch;
}
.portal-home-grid--collaboration {
@apply xl:grid-cols-[minmax(0,1.55fr),minmax(320px,0.9fr)];
}
.portal-panel-fill {
@apply h-full;
}
.portal-list-card {
background: rgba(255, 255, 255, 0.92);
border: 1px solid rgba(226, 232, 240, 0.94);
@@ -314,6 +342,15 @@
border-color: rgba(245, 158, 11, 0.36);
}
.portal-list-card--compact {
border-radius: var(--radius-lg);
@apply px-3.5 py-3.5;
}
.portal-action-stack {
@apply grid gap-3 sm:grid-cols-2 xl:grid-cols-1;
}
.portal-action-tile {
min-height: 100%;
background:
@@ -336,6 +373,10 @@
transform: none;
}
.portal-action-tile--compact {
@apply px-3.5 py-3.5;
}
.portal-action-icon {
background: linear-gradient(135deg, rgba(0, 57, 138, 0.12), rgba(19, 168, 184, 0.12));
color: var(--color-accent-primary);
@@ -353,6 +394,47 @@
border-radius: var(--radius-panel);
@apply px-4 py-4;
}
.portal-team-list {
border: 1px solid rgba(226, 232, 240, 0.94);
background: rgba(255, 255, 255, 0.64);
@apply overflow-hidden rounded-2xl divide-y divide-slate-200/80;
}
.portal-team-row {
background: rgba(255, 255, 255, 0.84);
@apply flex min-h-[64px] items-center gap-3 px-4 py-3;
}
.portal-panel-footer {
color: var(--color-text-secondary);
@apply mt-4 flex flex-wrap items-center justify-between gap-3 text-xs leading-5;
}
.portal-insight-tabs__list {
@apply h-10 rounded-full border-slate-200 bg-slate-50 p-1;
}
.portal-insight-tabs__content {
@apply mt-4;
}
.portal-secondary-drawer {
@apply p-5 md:p-6;
}
.portal-secondary-summary {
@apply flex cursor-pointer list-none items-center justify-between gap-4 text-left;
}
.portal-secondary-summary__toggle {
color: var(--color-text-tertiary);
@apply shrink-0 text-xs font-semibold uppercase tracking-[0.18em];
}
.portal-secondary-drawer__body {
@apply mt-5 space-y-6;
}
}
@keyframes page-reveal {