cay/dok
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

cghjl

Browse Source
This commit is contained in:
cay 2026-03-30 15:48:06 +01:00
parent 384be8338f
commit 609c859418
1 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
public/css/hud.css
View File

@ -4,15 +4,18 @@
#hud {
position: fixed;
top: 10px;
left: 10px;
/* Untere rechte Ecke des HUD = obere linke Ecke der Worldmap (2037x1018, zentriert) */
right: calc(50vw + 1018.5px);
bottom: calc(50vh + 509px);
z-index: 1500;
display: flex;
flex-direction: column;
gap: 0;
width: 310px;
width: clamp(220px, 16vw, 340px);
pointer-events: none;
}
@ -51,14 +54,14 @@
#hud-avatar-wrap {
position: relative;
width: 62px;
height: 62px;
width: clamp(48px, 4vw, 70px);
height: clamp(48px, 4vw, 70px);
flex-shrink: 0;
}
#hud-avatar {
width: 62px;
height: 62px;
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
display: block;
@ -98,7 +101,7 @@
#hud-name {
font-family: "Cinzel", serif;
font-size: 14px;
font-size: clamp(11px, 0.9vw, 15px);
font-weight: bold;
color: #f0d9a6;
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
@ -248,11 +251,11 @@
.hud-res-value {
font-family: "Cinzel", serif;
font-size: 11px;
font-size: clamp(10px, 0.75vw, 13px);
font-weight: bold;
color: #f0d9a6;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
min-width: 40px;
min-width: 36px;
}
/* Trennlinie */