diff --git a/public/css/hud.css b/public/css/hud.css index bdb76f1..a309dd8 100644 --- a/public/css/hud.css +++ b/public/css/hud.css @@ -253,6 +253,24 @@ display: block; } +/* Goldmünze – Bild aus der Datenbank */ +.hud-res-icon-gold { + width: 28px; + height: 28px; + flex-shrink: 0; + display: flex; + align-items: center; + justify-content: center; +} + +.hud-res-icon-gold img { + width: 28px; + height: 28px; + object-fit: contain; + filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.7)); + display: block; +} + /* Eisen – Bild aus der Datenbank */ .hud-res-icon-iron { width: 28px; @@ -315,3 +333,13 @@ box-shadow: 0 0 8px rgba(240, 160, 30, 0.5); transform: scale(1.04); } + +/* Inline Gold Icon (z.B. Schwarzmarkt Preise) */ +.inline-gold-icon { + width: 18px; + height: 18px; + object-fit: contain; + vertical-align: middle; + filter: drop-shadow(0 1px 2px rgba(0,0,0,0.6)); + display: inline-block; +} diff --git a/public/css/mine.css b/public/css/mine.css index bdbd3fb..26982cd 100644 --- a/public/css/mine.css +++ b/public/css/mine.css @@ -121,6 +121,24 @@ display: block; } +/* Goldmünze – Bild aus der Datenbank */ +.mine-resource-icon-gold { + width: 48px; + height: 48px; + flex-shrink: 0; + display: flex; + align-items: center; + justify-content: center; +} + +.mine-resource-icon-gold img { + width: 48px; + height: 48px; + object-fit: contain; + filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.7)); + display: block; +} + /* Eisen – Bild aus der Datenbank */ .mine-resource-icon-iron { width: 48px; diff --git a/public/images/items/goldmuenze.png b/public/images/items/goldmuenze.png new file mode 100644 index 0000000..e35e0bf Binary files /dev/null and b/public/images/items/goldmuenze.png differ diff --git a/public/js/buildings/mine.js b/public/js/buildings/mine.js index dc721ef..cab6508 100644 --- a/public/js/buildings/mine.js +++ b/public/js/buildings/mine.js @@ -174,12 +174,18 @@ function resourceIcon(resource) { if (resource === "iron") { return ( "" + ); + } + if (resource === "gold") { + return ( + "" ); } const map = { - gold: "🪙", copper: "🟤", silver: "⚪", stone: "🪨", diff --git a/public/js/buildings/schwarzmarkt.js b/public/js/buildings/schwarzmarkt.js index 101b564..b846a48 100644 --- a/public/js/buildings/schwarzmarkt.js +++ b/public/js/buildings/schwarzmarkt.js @@ -72,7 +72,7 @@ async function loadPages() {
