feat(frontend): 统一页面视觉与轻量动效
This commit is contained in:
@@ -133,5 +133,5 @@ button:hover { background: var(--color-background-secondary); }
|
||||
.tree { padding: var(--space-xs); }
|
||||
.context-menu { position: fixed; z-index: 1000; display: grid; min-width: 130px; padding: var(--space-xs); border: 1px solid var(--color-border-default); border-radius: var(--radius-md); background: var(--color-background-primary); box-shadow: var(--shadow-md); }
|
||||
.context-menu button { text-align: left; }
|
||||
.context-menu .danger { color: var(--color-danger, #d33); }
|
||||
.context-menu .danger { color: var(--color-error); }
|
||||
</style>
|
||||
|
||||
@@ -59,6 +59,11 @@ onMounted(() => {
|
||||
|
||||
.empty-content {
|
||||
text-align: center;
|
||||
padding: var(--space-3xl);
|
||||
border: 1px dashed var(--color-border-default);
|
||||
border-radius: var(--radius-xl);
|
||||
background: var(--color-background-secondary);
|
||||
animation: workspace-empty-in var(--motion-normal) both;
|
||||
|
||||
h2 {
|
||||
font-size: 18px;
|
||||
@@ -75,4 +80,6 @@ onMounted(() => {
|
||||
font-size: 48px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
@keyframes workspace-empty-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user