-
- {headerText &&
{headerText}
}
- {(slots.length % 9 > 0
- ? slots.concat(
- new Array(9 - (slots.length % 9)).fill({
- itemName: "",
- tooltip: "",
- })
- )
- : slots
- ).map((slot, index) => (
-
- ))}
+}) => {
+ if (/\blinux\b/i.test(navigator.userAgent)) {
+ document.body.className += " linux";
+ }
+
+ return (
+
+
+ {headerText &&
{headerText}
}
+ {(slots.length % 9 > 0
+ ? slots.concat(
+ new Array(9 - (slots.length % 9)).fill({
+ itemName: "empty",
+ tooltip: "",
+ })
+ )
+ : slots
+ ).map((slot, index) => (
+
+ ))}
+
-
-);
+ );
+};
export default MinecraftInventory;
diff --git a/src/components/MinecraftInventory/styles.module.css b/src/components/MinecraftInventory/styles.module.css
index 6b6f28f..5b8d576 100644
--- a/src/components/MinecraftInventory/styles.module.css
+++ b/src/components/MinecraftInventory/styles.module.css
@@ -1,8 +1,8 @@
/* src/components/MinecraftInventory.module.css */
@font-face {
- font-family: "Mojangles";
- src: url('/fonts/mojangles/Mojangles.otf') format('truetype');
+ font-family: "Minecraftia";
+ src: url('/fonts/minecraftia/Minecraftia-Regular.ttf') format('truetype');
}
.inventoryContainer {
@@ -33,14 +33,14 @@
}
.header {
- font-family: 'Mojangles', sans-serif;
- font-size: 15px;
+ font-family: 'Minecraftia', sans-serif;
+ font-size: 14px;
color: #575757;
/* Neue Schriftfarbe */
position: absolute;
- top: 5px;
+ top: 8px;
/* Mehr Abstand über dem Text */
- left: 10px;
+ left: 12px;
/* Abstand vom linken Rand des Inventars */
line-height: 1;
margin-bottom: 8px;
@@ -48,8 +48,8 @@
}
.slot {
- background-image: url('/img/gui/inventory-slot.png');
- background-size: cover;
+ background-image: url('/img/gui/inventory-slot.png');
+ background-size: cover;
width: 40px;
/* Reduzierte Breite */
height: 40px;
@@ -60,7 +60,7 @@
align-items: center;
justify-content: center;
position: relative;
- /* border: 1px solid #000; */
+ /* border: 1px solid #000; */
user-select: none;
/* Verhindert Textauswahl */
transition: background-color 0.2s ease;
@@ -86,16 +86,18 @@
}
.slot a {
- display: block;
- width: 100%;
- height: 100%;
- text-decoration: none;
- color: inherit;
- z-index: 5; /* Höherer Z-Index, um sicherzustellen, dass der Link im Vordergrund steht */
+ display: block;
+ width: 100%;
+ height: 100%;
+ text-decoration: none;
+ color: inherit;
+ z-index: 5;
+ /* Höherer Z-Index, um sicherzustellen, dass der Link im Vordergrund steht */
}
.slot .tooltip {
- z-index: 10; /* Tooltip bleibt im Vordergrund */
+ z-index: 10;
+ /* Tooltip bleibt im Vordergrund */
}
.slot:hover .tooltip {
@@ -113,6 +115,7 @@
/* Tooltip-Hintergrund */
color: #e7e7e7;
/* Angepasste Textfarbe */
+ padding: 10px 10px 0 10px;
border-radius: 5px;
border: 1px solid #300270;
/* Tooltip-Rand */
@@ -120,14 +123,14 @@
/* Erlaubt Zeilenumbrüche im Tooltip */
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
z-index: 10;
- font-family: 'Mojangles', sans-serif;
+ font-family: 'Minecraftia', sans-serif;
/* Verwendung der Minecraftia-Schriftart */
- font-size: 16px;
+ font-size: 14px;
+ line-height: 1.5;
/* Zeilenhöhe für bessere Lesbarkeit */
width: max-content !important;
- line-height: 1;
}
-.tooltipcontentwrapper {
- padding: 10px 10px 5px;
+.tooltip .linux {
+ padding: 10px !important;
}
\ No newline at end of file
diff --git a/src/components/MinecraftSlot/MinecraftSlot.tsx b/src/components/MinecraftSlot/MinecraftSlot.tsx
index 347452b..6a30fde 100644
--- a/src/components/MinecraftSlot/MinecraftSlot.tsx
+++ b/src/components/MinecraftSlot/MinecraftSlot.tsx
@@ -18,7 +18,7 @@ const MinecraftSlot: React.FC
= (props) => {