linus/Workshop-Wahlen
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Activity

Frontend: Workshop-Karten und Teilnehmer optisch modernisiert (Header, Chips, Farben, Schatten)
All checks were successful
Deploy Workshop-Wahlen (DEV / PROD) / deploy (push) Successful in 47s
Details

Browse Source
This commit is contained in:
ProgrammGamer
2026-01-30 20:40:33 +01:00
parent 4e2b0e10c3
commit e1f1b465a2
1 changed files with 51 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
assets/frontend.css
View File

@@ -128,10 +128,46 @@
min-width: 0; min-width: 0;
} }
.kc-workshop-card .title{background:linear-gradient(90deg, rgba(45,166,106,0.04), rgba(13,89,71,0.02));display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:18px 12px;font-weight:800;color:#0d5947;font-size:1.06rem;letter-spacing:0.2px;border-bottom:1px solid rgba(229,244,240,0.8);gap:12px;} .kc-workshop-card .title{
.kc-workshop-card .title .count{color:#6b6b6b;font-weight:600;font-size:0.9rem;margin-left:6px;} background: linear-gradient(90deg, #e8f9ef 60%, #f6fffa 100%);
.kc-workshop-card .title .teamers{font-weight:600;color:#145a47;font-size:0.9rem;opacity:0.92;} display: flex;
.kc-workshop-card .title .teamers small{font-weight:500;color:#4c7a6a;opacity:0.9;font-size:0.85rem;margin-left:6px;} flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 18px 18px 10px 18px;
font-weight: 800;
color: #176c4a;
font-size: 1.18rem;
letter-spacing: 0.2px;
border-bottom: 1px solid #e3f6ee;
border-radius: 12px 12px 0 0;
box-shadow: 0 2px 8px #2da66a0a;
margin-bottom: 0;
min-height: 56px;
}
.kc-workshop-card .title strong{
font-size: 1.18em;
font-weight: 900;
color: #176c4a;
margin-bottom: 2px;
display: block;
}
.kc-workshop-card .title .teamers{
font-size: 0.98em;
font-weight: 600;
color: #2da66a;
margin-bottom: 2px;
margin-top: 2px;
display: block;
}
.kc-workshop-card .title .count{
color: #6b6b6b;
font-weight: 600;
font-size: 0.98em;
margin-left: 0;
margin-top: 2px;
display: block;
}
.kc-workshop-card .content{padding:12px 18px 18px 18px;} .kc-workshop-card .content{padding:12px 18px 18px 18px;}
.kc-participants { .kc-participants {
display: flex; display: flex;
@@ -141,29 +177,29 @@
color: #2b2b2b; color: #2b2b2b;
} }
.kc-participant { .kc-participant {
padding: 6px 14px; padding: 7px 16px;
border-radius: 8px; border-radius: 16px;
background: #e8f9ef; background: linear-gradient(90deg, #f6fffa 60%, #e8f9ef 100%);
white-space: nowrap; white-space: nowrap;
display: inline-block; display: inline-block;
max-width: 100%; max-width: 100%;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
font-size: 1.07em; font-size: 1.08em;
margin-bottom: 3px; margin-bottom: 6px;
margin-right: 6px; margin-right: 8px;
box-shadow: 0 1px 4px #2da66a0d; box-shadow: 0 2px 8px #2da66a0d;
border: 1px solid #d6f3e6; border: 1px solid #e3f6ee;
color: #1c3866; color: #176c4a;
font-family: 'Segoe UI', Arial, sans-serif; font-family: 'Segoe UI', Arial, sans-serif;
letter-spacing: 0.01em; letter-spacing: 0.01em;
transition: background 0.2s, color 0.2s; transition: background 0.2s, color 0.2s;
} }
.kc-participant.me { .kc-participant.me {
background: #2da66a; background: linear-gradient(90deg, #2da66a 60%, #176c4a 100%);
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
border: 1.5px solid #1c3866; border: 1.5px solid #176c4a;
box-shadow: 0 2px 8px #2da66a33; box-shadow: 0 2px 8px #2da66a33;
} }
.kc-notassigned{background:#fff6f6;border:1px solid #ffd2d2;padding:12px;border-radius:10px;margin-top:12px;} .kc-notassigned{background:#fff6f6;border:1px solid #ffd2d2;padding:12px;border-radius:10px;margin-top:12px;}