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

rtjd

Browse Source
This commit is contained in:
cay 2026-04-11 14:09:40 +01:00
parent 947045bea3
commit e8fc561f3d
4 changed files with 77 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
public/css/gaststaette.css Normal file
View File

@ -0,0 +1,68 @@
/* ============================================================
public/css/gaststaette.css
============================================================ */
/* ── Gaststätte Haupt-Body ───────────────── */
.gaststaette-body {
display: flex;
flex: 1;
overflow: hidden;
min-width: 0;
}
/* ── Linke Tab-Leiste ────────────────────── */
.gaststaette-tabs {
display: flex;
flex-direction: column;
gap: 6px;
padding: 16px 10px;
background: rgba(0, 0, 0, 0.25);
border-right: 2px solid #8b6a3c;
min-width: 140px;
flex-shrink: 0;
}
.gaststaette-tab {
background: linear-gradient(145deg, #3a2810, #1a0f04);
border: 2px solid #8b6a3c;
border-radius: 6px;
color: #e7d9b4;
font-family: "Cinzel", serif;
font-size: 13px;
font-weight: bold;
padding: 10px 14px;
text-align: left;
cursor: pointer;
transition: 0.2s;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.gaststaette-tab:hover {
border-color: #f0d060;
background: linear-gradient(145deg, #5a3c18, #2a1a08);
}
.gaststaette-tab.active {
background: linear-gradient(145deg, #6b4b2a, #3c2414);
border-color: #f0d060;
color: #f0d060;
}
/* ── Inhalts-Bereich ─────────────────────── */
.gaststaette-content {
flex: 1;
min-width: 0;
overflow: hidden;
display: flex;
flex-direction: column;
}
.gaststaette-tab-content {
display: none;
flex: 1;
min-width: 0;
overflow: hidden;
}
.gaststaette-tab-content.active {
display: flex;
flex-direction: column;
}

1
public/css/glucksspiel.css
View File

@ -57,6 +57,7 @@
/* ── Mittlere Spalte: Sammlung ───────────── */ /* ── Mittlere Spalte: Sammlung ───────────── */
.gs-collection { .gs-collection {
flex: 1; flex: 1;
min-width: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
border-right: 2px solid #6b4b2a; border-right: 2px solid #6b4b2a;

63
public/css/quickmenu.css
View File

@ -210,65 +210,4 @@
display: block; display: block;
} }
/* ========================= /* Gaststätte-Styles → gaststaette.css */
Gaststätte Popup
========================= */
.gaststaette-body {
display: flex;
flex: 1;
overflow: hidden;
}
.gaststaette-tabs {
display: flex;
flex-direction: column;
gap: 6px;
padding: 16px 10px;
background: rgba(0, 0, 0, 0.25);
border-right: 2px solid #8b6a3c;
min-width: 140px;
flex-shrink: 0;
}
.gaststaette-tab {
background: linear-gradient(145deg, #3a2810, #1a0f04);
border: 2px solid #8b6a3c;
border-radius: 6px;
color: #e7d9b4;
font-family: "Cinzel", serif;
font-size: 13px;
font-weight: bold;
padding: 10px 14px;
text-align: left;
cursor: pointer;
transition: 0.2s;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.gaststaette-tab:hover {
border-color: #f0d060;
background: linear-gradient(145deg, #5a3c18, #2a1a08);
}
.gaststaette-tab.active {
background: linear-gradient(145deg, #6b4b2a, #3c2414);
border-color: #f0d060;
color: #f0d060;
}
.gaststaette-content {
flex: 1;
overflow: hidden;
display: flex;
flex-direction: column;
}
.gaststaette-tab-content {
display: none;
flex: 1;
overflow: hidden;
}
.gaststaette-tab-content.active {
display: flex;
flex-direction: column;
}

7
public/js/map-ui.js
View File

@ -3,6 +3,13 @@ import { loadCharacterHouse } from "./buildings/character-house.js?v=2";
import { loadBlackmarket } from "./buildings/blackmarket.js?v=2"; import { loadBlackmarket } from "./buildings/blackmarket.js?v=2";
import { loadMine } from "./buildings/mine.js?v=2"; import { loadMine } from "./buildings/mine.js?v=2";
import { loadGlucksspiel } from "./gaststaette/glucksspiel.js"; import { loadGlucksspiel } from "./gaststaette/glucksspiel.js";
/* Gaststätte CSS einmalig laden */
if (!document.querySelector('link[href="/css/gaststaette.css"]')) {
const _l = document.createElement("link");
_l.rel = "stylesheet"; _l.href = "/css/gaststaette.css";
document.head.appendChild(_l);
}
const popup = document.getElementById("building-popup"); const popup = document.getElementById("building-popup");
const title = document.getElementById("popup-title"); const title = document.getElementById("popup-title");
const tooltip = document.getElementById("map-tooltip"); const tooltip = document.getElementById("map-tooltip");