design.estate/dees-wcctools
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Jürgen Kunz
2025-06-27 20:51:31 +00:00
parent 03f215e0f1
commit 7a248993bc
1 changed files with 17 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
ts_web/elements/wcc-properties.ts
View File

@@ -299,62 +299,39 @@ export class WccProperties extends DeesElement {
} }
.editor-header-bar { .editor-header-bar {
padding: 0.75rem 1.25rem; padding: 0.5rem 0.75rem;
background: linear-gradient(to bottom, rgba(59, 130, 246, 0.05), transparent); background: transparent;
border-bottom: 1px solid rgba(59, 130, 246, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.05);
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
height: 48px; height: 36px;
backdrop-filter: blur(8px);
} }
.editor-header-title { .editor-header-title {
font-size: 0.875rem; font-size: 0.7rem;
font-weight: 600; font-weight: 500;
color: var(--foreground); color: #666;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.1em; letter-spacing: 0.08em;
display: flex;
align-items: center;
gap: 0.5rem;
}
.editor-header-title::before {
content: '';
display: inline-block;
width: 3px;
height: 16px;
background: var(--primary);
border-radius: 1px;
} }
.editor-close-all { .editor-close-all {
padding: 0.375rem 0.75rem; padding: 0.25rem 0.5rem;
background: rgba(239, 68, 68, 0.05); background: transparent;
border: 1px solid rgba(239, 68, 68, 0.2); border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: var(--radius); border-radius: var(--radius-sm);
color: #f87171; color: #999;
font-size: 0.75rem; font-size: 0.65rem;
font-weight: 500; font-weight: 500;
cursor: pointer; cursor: pointer;
transition: all 0.15s ease; transition: all 0.15s ease;
display: flex;
align-items: center;
gap: 0.375rem;
} }
.editor-close-all:hover { .editor-close-all:hover {
background: rgba(239, 68, 68, 0.15); background: rgba(255, 255, 255, 0.05);
border-color: rgba(239, 68, 68, 0.4); border-color: rgba(255, 255, 255, 0.12);
transform: translateY(-1px); color: #f87171;
box-shadow: 0 2px 4px rgba(239, 68, 68, 0.2);
}
.editor-close-all::before {
content: '×';
font-size: 1.125rem;
line-height: 1;
} }
.editors-container { .editors-container {