fztukt
This commit is contained in:
parent
a2f36bc8d2
commit
38d47e1817
@ -11,7 +11,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: flex-end;
|
align-items: flex-end;
|
||||||
justify-content: flex-start;
|
justify-content: flex-end;
|
||||||
|
|
||||||
/* Breite und Höhe = schwarzer Bereich bis zur oberen linken Ecke der Worldmap */
|
/* Breite und Höhe = schwarzer Bereich bis zur oberen linken Ecke der Worldmap */
|
||||||
width: calc(50vw - 1018.5px);
|
width: calc(50vw - 1018.5px);
|
||||||
@ -52,8 +52,8 @@
|
|||||||
|
|
||||||
#hud-avatar-wrap {
|
#hud-avatar-wrap {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: clamp(48px, 4vw, 70px);
|
width: clamp(62px, 5.5vw, 90px);
|
||||||
height: clamp(48px, 4vw, 70px);
|
height: clamp(62px, 5.5vw, 90px);
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -99,7 +99,7 @@
|
|||||||
|
|
||||||
#hud-name {
|
#hud-name {
|
||||||
font-family: "Cinzel", serif;
|
font-family: "Cinzel", serif;
|
||||||
font-size: clamp(11px, 0.9vw, 15px);
|
font-size: clamp(13px, 1.1vw, 18px);
|
||||||
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);
|
||||||
@ -249,7 +249,7 @@
|
|||||||
|
|
||||||
.hud-res-value {
|
.hud-res-value {
|
||||||
font-family: "Cinzel", serif;
|
font-family: "Cinzel", serif;
|
||||||
font-size: clamp(10px, 0.75vw, 13px);
|
font-size: clamp(12px, 0.95vw, 16px);
|
||||||
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);
|
||||||
|
|||||||
@ -27,18 +27,9 @@ const popupLoaders = {
|
|||||||
Quick Menu – Toggle
|
Quick Menu – Toggle
|
||||||
================================ */
|
================================ */
|
||||||
|
|
||||||
const toggleBtn = document.getElementById("quickmenu-toggle");
|
|
||||||
const panel = document.getElementById("quickmenu-panel");
|
const panel = document.getElementById("quickmenu-panel");
|
||||||
const overlay = document.getElementById("qm-overlay");
|
const overlay = document.getElementById("qm-overlay");
|
||||||
|
|
||||||
let menuOpen = true;
|
|
||||||
|
|
||||||
toggleBtn.addEventListener("click", () => {
|
|
||||||
menuOpen = !menuOpen;
|
|
||||||
panel.classList.toggle("hidden", !menuOpen);
|
|
||||||
toggleBtn.textContent = menuOpen ? "\u25c4" : "\u25ba";
|
|
||||||
});
|
|
||||||
|
|
||||||
/* ================================
|
/* ================================
|
||||||
Quick Menu – Popups öffnen
|
Quick Menu – Popups öffnen
|
||||||
================================ */
|
================================ */
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user