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

update

Browse Source
This commit is contained in:
Juergen 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 {
padding: 0.75rem 1.25rem;
background: linear-gradient(to bottom, rgba(59, 130, 246, 0.05), transparent);
border-bottom: 1px solid rgba(59, 130, 246, 0.1);
padding: 0.5rem 0.75rem;
background: transparent;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
display: flex;
justify-content: space-between;
align-items: center;
height: 48px;
backdrop-filter: blur(8px);
height: 36px;
}
.editor-header-title {
font-size: 0.875rem;
font-weight: 600;
color: var(--foreground);
font-size: 0.7rem;
font-weight: 500;
color: #666;
text-transform: uppercase;
letter-spacing: 0.1em;
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;
letter-spacing: 0.08em;
}
.editor-close-all {
padding: 0.375rem 0.75rem;
background: rgba(239, 68, 68, 0.05);
border: 1px solid rgba(239, 68, 68, 0.2);
border-radius: var(--radius);
color: #f87171;
font-size: 0.75rem;
padding: 0.25rem 0.5rem;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: var(--radius-sm);
color: #999;
font-size: 0.65rem;
font-weight: 500;
cursor: pointer;
transition: all 0.15s ease;
display: flex;
align-items: center;
gap: 0.375rem;
}
.editor-close-all:hover {
background: rgba(239, 68, 68, 0.15);
border-color: rgba(239, 68, 68, 0.4);
transform: translateY(-1px);
box-shadow: 0 2px 4px rgba(239, 68, 68, 0.2);
}
.editor-close-all::before {
content: '×';
font-size: 1.125rem;
line-height: 1;
background: rgba(255, 255, 255, 0.05);
border-color: rgba(255, 255, 255, 0.12);
color: #f87171;
}
.editors-container {