Add tab icons, fix item sizes

Pkmds.Web/Components/MainTabPages/BagTab.razor.cs

@@ -5,6 +5,8 @@ public partial class BagTab
     [Parameter, EditorRequired]
     public IReadOnlyList<InventoryPouch>? Inventory { get; set; }
 
+    private MudTabs? PouchTabs { get; set; }
+
     private string[] ItemList { get; set; } = [];
 
     private bool HasFreeSpace { get; set; }

Pkmds.Web/SpriteHelper.cs

@@ -63,6 +63,28 @@ public static string GetTypeSquareSpriteFileName(int type) =>
     public static string GetTypeWideSpriteFileName(byte type) =>
         $"{SpritesRoot}t/w/type_wide_{type:00}.png";
 
+    public static string GetBagPouchSpriteFileName(InventoryType type) =>
+        $"{SpritesRoot}bag/bag_{GetBagPouchSpriteName(type)}.png";
+
+    private static string GetBagPouchSpriteName(InventoryType type) => type switch
+    {
+        InventoryType.Items => "items",
+        InventoryType.KeyItems => "key",
+        InventoryType.TMHMs => "tech",
+        InventoryType.Medicine => "medicine",
+        InventoryType.Berries => "berries",
+        InventoryType.Balls => "balls",
+        InventoryType.BattleItems => "battle",
+        InventoryType.MailItems => "mail",
+        InventoryType.PCItems => "pcitems",
+        InventoryType.FreeSpace => "free",
+        InventoryType.ZCrystals => "z",
+        InventoryType.Candy => "candy",
+        InventoryType.Treasure => "treasure",
+        InventoryType.Ingredients => "ingredient",
+        _ => throw new ArgumentOutOfRangeException(nameof(type), type, null),
+    };
+
     // TODO: Implement
     public static string GetMoveCategorySpriteFileName(int categoryId) =>
         string.Empty;

Pkmds.Web/wwwroot/css/app.css

@@ -5,9 +5,7 @@ pkm-sprite {
 }
 
 item-sprite {
-    width: 20px;
-    height: 20px;
-    align-self: center;
+    object-fit: contain;
 }
 
 .slot-fill :hover {