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

update button and statsgrid with better styles.

Browse Source
This commit is contained in:
Juergen Kunz
2025-06-27 11:50:07 +00:00
parent d7b690621e
commit 243ecddd42
8 changed files with 1413 additions and 637 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
ts_web/elements/dees-panel.ts
View File

@ -30,28 +30,30 @@ export class DeesPanel extends DeesElement {
css`
:host {
display: block;
background: ${cssManager.bdTheme('#ffffff', '#1a1a1a')};
background: ${cssManager.bdTheme('hsl(0 0% 100%)', 'hsl(215 20.2% 11.8%)')};
border-radius: 8px;
padding: 24px;
box-shadow: 0 2px 4px ${cssManager.bdTheme('rgba(0,0,0,0.1)', 'rgba(0,0,0,0.3)')};
border: 1px solid ${cssManager.bdTheme('rgba(0,0,0,0.1)', 'rgba(255,255,255,0.1)')};
border: 1px solid ${cssManager.bdTheme('hsl(214.3 31.8% 91.4%)', 'hsl(215 20.2% 16.8%)')};
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}
.title {
margin: 0 0 16px 0;
margin: 0 0 8px 0;
font-size: 18px;
font-weight: 500;
color: ${cssManager.bdTheme('#0069f2', '#0099ff')};
font-weight: 600;
color: ${cssManager.bdTheme('hsl(215.3 25% 8.8%)', 'hsl(210 40% 98%)')};
letter-spacing: -0.025em;
}
.subtitle {
margin: -12px 0 16px 0;
margin: 0 0 16px 0;
font-size: 14px;
color: ${cssManager.bdTheme('#666', '#999')};
color: ${cssManager.bdTheme('hsl(215.4 16.3% 56.9%)', 'hsl(215 20.2% 55.1%)')};
letter-spacing: -0.01em;
}
.content {
color: ${cssManager.bdTheme('#333', '#ccc')};
color: ${cssManager.bdTheme('hsl(215.3 25% 8.8%)', 'hsl(210 40% 98%)')};
}
/* Remove margins from first and last children */