minecraft-inventory 0.1.16 → 0.1.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "minecraft-inventory",
-  "version": "0.1.16",
+  "version": "0.1.17",
   "type": "module",
   "license": "MIT",
   "release": {

package/src/components/InventoryOverlay/InventoryOverlay.tsx

@@ -304,7 +304,7 @@ export function InventoryOverlay({
               lineHeight: 1,
             }}
           >
-            INV 0.1.16
+            INV 0.1.17
           </a>
         )}
 

package/src/components/JEI/JEI.module.css

@@ -17,6 +17,10 @@
   font-family: inherit;
   font-size: inherit;
   transition: background 0.1s;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
 }
 
 .pageBtn:hover:not(:disabled) {

package/src/components/JEI/JEI.tsx

@@ -280,8 +280,7 @@ export function JEI({
         >
           <button
             className={styles.pageBtn}
-            onClick={() => setPage((p) => Math.max(0, p - 1))}
-            disabled={page === 0}
+            onClick={() => setPage((p) => (p > 0 ? p - 1 : Math.max(0, totalPages - 1)))}
             style={{ fontSize: 6 * scale, padding: `${scale}px ${2 * scale}px` }}
             title="Previous page"
           >
@@ -292,8 +291,7 @@ export function JEI({
           </span>
           <button
             className={styles.pageBtn}
-            onClick={() => setPage((p) => Math.min(totalPages - 1, p + 1))}
-            disabled={page >= totalPages - 1}
+            onClick={() => setPage((p) => (p < totalPages - 1 ? p + 1 : 0))}
             style={{ fontSize: 6 * scale, padding: `${scale}px ${2 * scale}px` }}
             title="Next page"
           >

package/src/components/RecipeGuide/RecipeInventoryView.tsx

@@ -185,16 +185,14 @@ export function RecipeInventoryView({
           <>
             <NavBtn
               scale={scale}
-              onClick={() => onGuideIndexChange(Math.max(0, frame.guideIndex - 1))}
-              disabled={frame.guideIndex === 0}
+              onClick={() => onGuideIndexChange(frame.guideIndex > 0 ? frame.guideIndex - 1 : totalGuides - 1)}
             >◀</NavBtn>
             <span style={{ color: '#404040', minWidth: 40 * scale, textAlign: 'center' }}>
               {frame.guideIndex + 1} / {totalGuides}
             </span>
             <NavBtn
               scale={scale}
-              onClick={() => onGuideIndexChange(Math.min(totalGuides - 1, frame.guideIndex + 1))}
-              disabled={frame.guideIndex >= totalGuides - 1}
+              onClick={() => onGuideIndexChange(frame.guideIndex < totalGuides - 1 ? frame.guideIndex + 1 : 0)}
             >▶</NavBtn>
           </>
         )}
@@ -523,6 +521,9 @@ function NavBtn({
         lineHeight: 1,
         outline: 'none',
         flexShrink: 0,
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
       }}
     >
       {children}