diff --git a/public/css/mine.css b/public/css/mine.css index 3480484..b8ab3b8 100644 --- a/public/css/mine.css +++ b/public/css/mine.css @@ -87,8 +87,8 @@ /* Blauer Kristall / Gems – Bild aus der Datenbank */ .mine-resource-icon-gem { - width: 48px; - height: 48px; + width: 100px; + height: 100px; flex-shrink: 0; display: flex; align-items: center; @@ -96,8 +96,8 @@ } .mine-resource-icon-gem img { - width: 48px; - height: 48px; + width: 100px; + height: 100px; object-fit: contain; filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.7)); display: block; @@ -105,8 +105,8 @@ /* Silbermünze – Bild aus der Datenbank */ .mine-resource-icon-silver { - width: 48px; - height: 48px; + width: 100px; + height: 100px; flex-shrink: 0; display: flex; align-items: center; @@ -114,8 +114,8 @@ } .mine-resource-icon-silver img { - width: 48px; - height: 48px; + width: 100px; + height: 100px; object-fit: contain; filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.7)); display: block; @@ -123,8 +123,8 @@ /* Holz – Bild aus der Datenbank */ .mine-resource-icon-wood { - width: 48px; - height: 48px; + width: 100px; + height: 100px; flex-shrink: 0; display: flex; align-items: center; @@ -132,8 +132,8 @@ } .mine-resource-icon-wood img { - width: 48px; - height: 48px; + width: 100px; + height: 100px; object-fit: contain; filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.7)); display: block; @@ -141,8 +141,8 @@ /* Stein – Bild aus der Datenbank */ .mine-resource-icon-stone { - width: 48px; - height: 48px; + width: 100px; + height: 100px; flex-shrink: 0; display: flex; align-items: center; @@ -150,8 +150,8 @@ } .mine-resource-icon-stone img { - width: 48px; - height: 48px; + width: 100px; + height: 100px; object-fit: contain; filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.7)); display: block; @@ -159,8 +159,8 @@ /* Goldmünze – Bild aus der Datenbank */ .mine-resource-icon-gold { - width: 48px; - height: 48px; + width: 100px; + height: 100px; flex-shrink: 0; display: flex; align-items: center; @@ -168,8 +168,8 @@ } .mine-resource-icon-gold img { - width: 48px; - height: 48px; + width: 100px; + height: 100px; object-fit: contain; filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.7)); display: block; @@ -177,8 +177,8 @@ /* Eisen – Bild aus der Datenbank */ .mine-resource-icon-iron { - width: 48px; - height: 48px; + width: 100px; + height: 100px; flex-shrink: 0; display: flex; align-items: center; @@ -186,8 +186,8 @@ } .mine-resource-icon-iron img { - width: 48px; - height: 48px; + width: 100px; + height: 100px; object-fit: contain; filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.7)); display: block;