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-hero.ts
+12 -12
View File
@@ -24,14 +24,14 @@ export class IdpLandingHero extends DeesElement {
.hero {
position: relative;
overflow: hidden;
background: #0a0a0a;
color: #fafafa;
border-bottom: 1px solid #1c1c1c;
background: var(--idp-bg);
color: var(--idp-fg);
border-bottom: 1px solid var(--idp-border-soft);
}
.grid {
position: absolute;
inset: 0;
background-image: linear-gradient(to right, rgba(255,255,255,0.025) 1px, transparent 1px), linear-gradient(to bottom, rgba(255,255,255,0.025) 1px, transparent 1px);
background-image: linear-gradient(to right, color-mix(in srgb, var(--idp-fg), transparent 97%) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--idp-fg), transparent 97%) 1px, transparent 1px);
background-size: 56px 56px;
mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, #000 30%, transparent 70%);
pointer-events: none;
@@ -60,17 +60,17 @@ export class IdpLandingHero extends DeesElement {
gap: 7px;
margin-bottom: 28px;
padding: 5px 12px 5px 8px;
border: 1px solid #262626;
border: 1px solid var(--idp-border);
border-radius: 999px;
background: rgba(255,255,255,0.04);
color: hsl(0 0% 70%);
background: var(--idp-muted);
color: var(--idp-fg-3);
font-size: 12px;
}
.pill {
padding: 2px 7px;
border-radius: 999px;
background: rgba(59,130,246,0.18);
color: #60a5fa;
color: var(--idp-accent-hover);
font-family: var(--idp-mono);
font-size: 10px;
font-weight: 600;
@@ -85,7 +85,7 @@ export class IdpLandingHero extends DeesElement {
line-height: 0.96;
}
h1 em {
color: #60a5fa;
color: var(--idp-accent-hover);
font-family: var(--idp-serif);
font-style: italic;
font-weight: 400;
@@ -93,7 +93,7 @@ export class IdpLandingHero extends DeesElement {
.sub {
max-width: 660px;
margin: 0 auto 36px;
color: hsl(0 0% 70%);
color: var(--idp-fg-3);
font-size: clamp(16px, 1.6vw, 19px);
line-height: 1.55;
}
@@ -106,7 +106,7 @@ export class IdpLandingHero extends DeesElement {
margin-bottom: 20px;
}
.fineprint {
color: hsl(0 0% 28%);
color: var(--idp-muted-fg);
font-family: var(--idp-mono);
font-size: 11px;
letter-spacing: 0.04em;
@@ -156,7 +156,7 @@ export class IdpLandingHero extends DeesElement {
<div class="fineprint"><span>MIT licensed</span><span>Self-hostable</span><span>No credit card</span><span>Cardano mainnet</span></div>
<div class="product">
<div class="product-glow"></div>
<idp-dashboard-window dark></idp-dashboard-window>
<idp-dashboard-window></idp-dashboard-window>
</div>
</div>
</section>