统一首批页面成熟设计基线(05-30-unified-page-design-review)
这个提交包含在:
@@ -660,6 +660,43 @@
|
||||
@apply border p-3.5;
|
||||
}
|
||||
|
||||
.workflow-action-panel {
|
||||
@apply xl:sticky xl:top-20;
|
||||
}
|
||||
|
||||
.workflow-action-bar {
|
||||
@apply flex flex-wrap items-center gap-2;
|
||||
}
|
||||
|
||||
.workflow-action-more {
|
||||
@apply relative;
|
||||
}
|
||||
|
||||
.workflow-action-more > summary {
|
||||
border: 1px solid rgba(203, 213, 225, 0.92);
|
||||
background: rgba(255, 255, 255, 0.96);
|
||||
color: var(--color-text-primary);
|
||||
border-radius: var(--radius-sm);
|
||||
@apply flex h-9 cursor-pointer list-none items-center px-3 text-sm font-medium transition-colors hover:bg-slate-50;
|
||||
}
|
||||
|
||||
.workflow-action-more > summary::-webkit-details-marker {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.workflow-action-more[open] > summary {
|
||||
@apply bg-slate-50;
|
||||
}
|
||||
|
||||
.workflow-action-more > div,
|
||||
.workflow-action-more > button {
|
||||
border: 1px solid rgba(226, 232, 240, 0.94);
|
||||
background: #fff;
|
||||
border-radius: var(--radius-sm);
|
||||
box-shadow: var(--shadow-md);
|
||||
@apply absolute right-0 top-10 z-20 min-w-28 px-3 py-2 text-left text-sm font-medium text-zinc-800 hover:bg-slate-50;
|
||||
}
|
||||
|
||||
.notification-inbox {
|
||||
@apply space-y-3;
|
||||
}
|
||||
@@ -822,6 +859,33 @@
|
||||
@apply overflow-hidden rounded-lg divide-y divide-slate-200/80;
|
||||
}
|
||||
|
||||
.portal-quick-entry-grid {
|
||||
@apply grid gap-2 sm:grid-cols-2 xl:grid-cols-3;
|
||||
}
|
||||
|
||||
.portal-quick-entry {
|
||||
border: 1px solid rgba(226, 232, 240, 0.94);
|
||||
background: rgba(255, 255, 255, 0.92);
|
||||
border-radius: var(--radius-sm);
|
||||
color: var(--color-text-primary);
|
||||
@apply flex min-h-[64px] items-center gap-3 px-3.5 py-3 transition-colors hover:border-slate-300 hover:bg-white;
|
||||
}
|
||||
|
||||
.portal-quick-entry__icon {
|
||||
background: rgba(0, 57, 138, 0.08);
|
||||
color: var(--color-accent-primary);
|
||||
@apply flex size-9 shrink-0 items-center justify-center rounded-lg;
|
||||
}
|
||||
|
||||
.portal-quick-entry__title {
|
||||
@apply block truncate text-sm font-semibold;
|
||||
}
|
||||
|
||||
.portal-quick-entry__action {
|
||||
color: var(--color-text-tertiary);
|
||||
@apply mt-0.5 block text-xs font-medium;
|
||||
}
|
||||
|
||||
.portal-task-row {
|
||||
background: rgba(255, 255, 255, 0.88);
|
||||
color: var(--color-text-primary);
|
||||
|
||||
在新工单中引用
屏蔽一个用户