mwf975_git/tippspiel
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: stronger glow, bigger LED, fix vertical alignment, tighter spacing

Browse Source
This commit is contained in:
Ronny
2026-04-12 12:39:23 +02:00
parent c6c167abb3
commit b2ca2c733a
1 changed files with 14 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/DashboardPage.module.css
+14 -12
View File
@@ -32,15 +32,15 @@
transform: scale(1.01); transform: scale(1.01);
} }
/* Radial glow behind the teams — stronger, like Stitch */ /* Radial glow behind the teams — strong stadium light */
.heroGlow { .heroGlow {
position: absolute; position: absolute;
top: 45%; top: 50%;
left: 50%; left: 50%;
width: 320px; width: 400px;
height: 280px; height: 350px;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
background: radial-gradient(circle at center, rgba(75, 183, 248, 0.15) 0%, transparent 70%); background: radial-gradient(circle at center, rgba(75, 183, 248, 0.2) 0%, rgba(75, 183, 248, 0.08) 35%, transparent 65%);
pointer-events: none; pointer-events: none;
z-index: 0; z-index: 0;
} }
@@ -101,13 +101,15 @@
.heroLED { .heroLED {
font-family: 'DSEG7', 'Courier New', monospace; font-family: 'DSEG7', 'Courier New', monospace;
font-size: 24px; font-size: 28px;
color: #FECC4C; color: #FECC4C;
letter-spacing: 0.04em; letter-spacing: -0.02em;
word-spacing: -0.3em;
text-shadow: text-shadow:
0 0 4px rgba(254, 174, 50, 0.9), 0 0 4px rgba(254, 174, 50, 0.9),
0 0 12px rgba(254, 174, 50, 0.5), 0 0 12px rgba(254, 174, 50, 0.6),
0 0 24px rgba(254, 174, 50, 0.25); 0 0 28px rgba(254, 174, 50, 0.35),
0 0 48px rgba(254, 174, 50, 0.15);
} }
.heroGroup { .heroGroup {
@@ -121,9 +123,9 @@
.heroTeams { .heroTeams {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: flex-start; align-items: center;
gap: 24px; gap: 12px;
margin: 12px 0 20px; margin: 16px 0 20px;
position: relative; position: relative;
z-index: 1; z-index: 1;
} }