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 { #hud {
position: fixed; 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; z-index: 1500;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 0; gap: 0;
width: 310px; width: clamp(220px, 16vw, 340px);
pointer-events: none; pointer-events: none;
} }
@ -51,14 +54,14 @@
#hud-avatar-wrap { #hud-avatar-wrap {
position: relative; position: relative;
width: 62px; width: clamp(48px, 4vw, 70px);
height: 62px; height: clamp(48px, 4vw, 70px);
flex-shrink: 0; flex-shrink: 0;
} }
#hud-avatar { #hud-avatar {
width: 62px; width: 100%;
height: 62px; height: 100%;
border-radius: 50%; border-radius: 50%;
object-fit: cover; object-fit: cover;
display: block; display: block;
@ -98,7 +101,7 @@
#hud-name { #hud-name {
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
font-size: 14px; font-size: clamp(11px, 0.9vw, 15px);
font-weight: bold; font-weight: bold;
color: #f0d9a6; color: #f0d9a6;
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8); text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
@ -248,11 +251,11 @@
.hud-res-value { .hud-res-value {
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
font-size: 11px; font-size: clamp(10px, 0.75vw, 13px);
font-weight: bold; font-weight: bold;
color: #f0d9a6; color: #f0d9a6;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8); text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
min-width: 40px; min-width: 36px;
} }
/* Trennlinie */ /* Trennlinie */