Tobias/ChooserApp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Erhöhe die Größe und Schriftart der Fingerkreise für bessere Sichtbarkeit
All checks were successful
Deploy via FTP / deploy (push) Successful in 3s
Details

Browse Source
This commit is contained in:
Tobias Leuschner
2026-02-22 15:10:09 +01:00
parent ada86e77f4
commit 84745e935b
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
css/style.css
View File

@@ -112,8 +112,8 @@ body::before {
.finger { .finger {
position: absolute; position: absolute;
pointer-events: none; pointer-events: none;
width: 88px; width: 114px;
height: 88px; height: 114px;
border-radius: 50%; border-radius: 50%;
transform: translate(-50%, calc(-50% - -12px)); transform: translate(-50%, calc(-50% - -12px));
display: flex; display: flex;
@@ -122,7 +122,7 @@ body::before {
font-weight: 700; font-weight: 700;
color: rgba(255,255,255,0.88); color: rgba(255,255,255,0.88);
background: rgba(255,255,255,0.07); background: rgba(255,255,255,0.07);
border: 5px solid rgba(255,255,255,0.14); border: 6px solid rgba(255,255,255,0.14);
backdrop-filter: blur(8px); backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
box-shadow: box-shadow:
@@ -138,7 +138,7 @@ body::before {
} }
.finger .label { .finger .label {
font-size: 22px; font-size: 28px;
font-weight: 800; font-weight: 800;
letter-spacing: -0.5px; letter-spacing: -0.5px;
} }
@@ -247,6 +247,6 @@ body::before {
/* ── Responsive ── */ /* ── Responsive ── */
@media (min-width: 600px) { @media (min-width: 600px) {
.finger { width: 80px; height: 80px; } .finger { width: 100px; height: 100px; }
.finger .label { font-size: 19px; } .finger .label { font-size: 24px; }
} }