R68 A1-A6:Portal 首页信息架构与对齐优化
这个提交包含在:
@@ -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 {
|
||||
|
||||
在新工单中引用
屏蔽一个用户