Highlight magic items at max capacity with a gold border

Author: DerekGooding

Mythril.Blazor/Components/InventoryItem.razor

@@ -1,9 +1,11 @@
 @using Mythril.Blazor.Services
+@using Mythril.Data
 @inject DragDropService DragDropService
 @inject InventoryService InventoryService
+@inject InventoryManager InventoryManager
 @implements IDisposable
 
-<div class="inventory-item @(showOverflowGlow ? "overflowing" : "")" draggable="true" @ondragstart="HandleDragStart">
+<div class="inventory-item @(showOverflowGlow ? "overflowing" : "") @(isAtMaxCapacity ? "at-capacity" : "")" draggable="true" @ondragstart="HandleDragStart">
     <span class="item-name">@Item.Item.Name</span>
     <span class="item-quantity">@Item.Quantity</span>
     @if (showAnimation)
@@ -30,6 +32,8 @@
     private bool showAnimation;
     private bool showOverflowGlow;
 
+    private bool isAtMaxCapacity => Item.Item.ItemType == ItemType.Spell && Item.Quantity >= InventoryManager.MagicCapacity;
+
     protected override void OnInitialized()
     {
         InventoryService.OnItemOverflow += HandleOverflow;

Mythril.Blazor/Components/InventoryItem.razor.css

@@ -56,6 +56,11 @@
     }
 }
 
+.inventory-item.at-capacity {
+    border-color: #ffd700;
+    box-shadow: 0 0 5px rgba(255, 215, 0, 0.5);
+}
+
 .inventory-item.overflowing {
     animation: red-glow 1s ease-in-out infinite alternate;
     border-color: #ff4444;