idp.global/catalog
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(catalog): add admin dashboard components

Browse Source
This commit is contained in:
Jürgen Kunz
2026-05-07 15:35:37 +00:00
parent 5dbbe90b43
commit 3992adbafa
17 changed files with 2832 additions and 802 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ts_web/elements/idp-landing-page.ts
+6 -19
View File
@@ -21,19 +21,6 @@ export class IdpLandingPage extends DeesElement {
css`
:host {
display: block;
--idp-bg: #0a0a0a;
--idp-bg-2: #111111;
--idp-card: #121212;
--idp-card-2: #161616;
--idp-fg: #fafafa;
--idp-fg-2: #d4d4d8;
--idp-fg-3: hsl(0 0% 70%);
--idp-muted-fg: hsl(0 0% 55%);
--idp-border: #262626;
--idp-border-soft: #1c1c1c;
--idp-border-strong: #333333;
--idp-accent: #3b82f6;
--idp-accent-hover: #60a5fa;
background: var(--idp-bg);
color: var(--idp-fg);
}
@@ -54,7 +41,7 @@ export class IdpLandingPage extends DeesElement {
margin: 0 auto;
padding: 0 32px;
border-bottom: 1px solid var(--idp-border-soft);
background: rgba(10,10,10,0.86);
background: color-mix(in srgb, var(--idp-bg), transparent 14%);
backdrop-filter: blur(14px) saturate(140%);
}
.nav-shell {
@@ -62,7 +49,7 @@ export class IdpLandingPage extends DeesElement {
top: 0;
z-index: 20;
border-bottom: 1px solid var(--idp-border-soft);
background: rgba(10,10,10,0.86);
background: color-mix(in srgb, var(--idp-bg), transparent 14%);
}
.logo {
display: inline-flex;
@@ -93,7 +80,7 @@ export class IdpLandingPage extends DeesElement {
text-decoration: none;
}
.links a:hover {
background: rgba(255,255,255,0.04);
background: var(--idp-muted);
color: var(--idp-fg);
}
.status {
@@ -288,7 +275,7 @@ export class IdpLandingPage extends DeesElement {
border: 1px solid var(--idp-border);
border-radius: 10px;
padding: 20px;
background: linear-gradient(140deg, #1a1a1a 0%, #0a0a0a 100%);
background: linear-gradient(140deg, var(--idp-card) 0%, var(--idp-bg) 100%);
}
.identity-card::after {
content: '';
@@ -416,7 +403,7 @@ export class IdpLandingPage extends DeesElement {
}
.chain-block.idp {
border-left: 2px solid var(--idp-accent);
background: rgba(0,80,185,0.08);
background: var(--idp-accent-soft);
}
.tiers {
display: grid;
@@ -431,7 +418,7 @@ export class IdpLandingPage extends DeesElement {
}
.tier.featured {
border-color: var(--idp-accent);
background: linear-gradient(180deg, rgba(59,130,246,0.06) 0%, var(--idp-bg-2) 40%);
background: linear-gradient(180deg, var(--idp-accent-soft) 0%, var(--idp-bg-2) 40%);
}
.tier-name {
margin-bottom: 10px;