Fix item sizes in autocomplete

codemonkey85 · Nov 21, 2024 · 8edb797 · 8edb797
1 parent ed9780c
commit 8edb797
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/Pkmds.Web/Components/MainTabPages/BagTab.razor b/Pkmds.Web/Components/MainTabPages/BagTab.razor
@@ -65,6 +65,8 @@
                                                     @if (item.Value != 0)
                                                     {
                                                         <object class="item-sprite"
+                                                                width="20"
+                                                                height="20"
                                                                 type="image/png"
                                                                 data="@SpriteHelper.GetItemSpriteFilename(item.Value, saveFile.Context)"
                                                                 title="@item.Text">
@@ -81,8 +83,10 @@
                                         </MudAutocomplete>
                                         @if (context.Item.Index != 0)
                                         {
-                                            var itemText = AppService.GetItemComboItem(context.Item.Index)?.Text;
+                                            var itemText = ItemList[context.Item.Index];
                                             <object class="item-sprite"
+                                                    width="20"
+                                                    height="20"
                                                     type="image/png"
                                                     data="@SpriteHelper.GetItemSpriteFilename(context.Item.Index, saveFile.Context)"
                                                     title="@itemText">

diff --git a/Pkmds.Web/wwwroot/css/app.css b/Pkmds.Web/wwwroot/css/app.css
@@ -5,6 +5,9 @@ pkm-sprite {
 }
 
 item-sprite {
+    width: 20px;
+    height: 20px;
+    align-self: center;
 }
 
 .slot-fill :hover {