marek/creator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
team3
2026-06-24 12:47:47 +02:00
parent 324d2e73b4
commit fed25795cc
1 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/src/components/BausteinFokus.vue
View File

@@ -232,7 +232,20 @@ watch(() => `${props.baustein.title}|${props.baustein.md}|${props.baustein.kompa
.stand-badge.gold { background: color-mix(in srgb, #d4af37 20%, var(--panel)); border-color: #d4af37; color: #8a6d12; } .stand-badge.gold { background: color-mix(in srgb, #d4af37 20%, var(--panel)); border-color: #d4af37; color: #8a6d12; }
/* Erfahrungsleiste oben: füllt sich von links — gold (gemeistert) → lila (verstanden) → grün (absolviert). */ /* Erfahrungsleiste oben: füllt sich von links — gold (gemeistert) → lila (verstanden) → grün (absolviert). */
.fokus-xp { display: flex; height: 6px; background: var(--panel-soft); } .fokus-xp { position: relative; display: flex; height: 8px; background: var(--panel-soft); }
/* 9 Trennlinien alle 10 % → 10 sichtbare Abschnitte (Füllung bleibt durchgehend). */
.fokus-xp::after {
content: '';
position: absolute; inset: 0;
pointer-events: none;
background: repeating-linear-gradient(
to right,
transparent 0,
transparent calc(10% - 2px),
var(--panel) calc(10% - 2px),
var(--panel) 10%
);
}
.xp-seg { height: 100%; transition: width 0.3s ease; } .xp-seg { height: 100%; transition: width 0.3s ease; }
.xp-seg.gold { background: #d4af37; } .xp-seg.gold { background: #d4af37; }
.xp-seg.lila { background: #8b5cf6; } .xp-seg.lila { background: #8b5cf6; }