Improved shop

pages/inventory/inventory.pixy

@@ -9,7 +9,8 @@ component Inventory(inventory *arn.Inventory, viewUser *arn.User, user *arn.User
 				.inventory-slot.mountable(draggable="false", data-index=index)
 			else
 				.inventory-slot.mountable(title=slot.Item().Name, draggable="true", data-index=index, data-item-id=slot.ItemID, data-consumable=slot.Item().Consumable)
-					Icon(slot.Item().Icon)
+					.item-icon
+						Icon(slot.Item().Icon)
 					if slot.Quantity > 1
 						.inventory-slot-quantity= slot.Quantity
 	

pages/inventory/inventory.scarlet

@@ -16,12 +16,45 @@ inventory-slot-size = 64px
 	display flex
 	align-items center
 	justify-content center
-	font-size 2rem
+	font-size 2.5rem
+
+	[draggable="true"]
+		:hover
+			cursor pointer
+
+			.item-icon
+				animation hover-item 1s infinite ease-in-out
 	
 	.icon
 		margin 0
 		pointer-events none
 
+	// [data-item-id="pro-account-3"]
+	// 	.item-icon
+	// 		opacity 0.7
+
+	// [data-item-id="pro-account-6"]
+	// 	.item-icon
+	// 		opacity 0.8
+
+	// [data-item-id="pro-account-12"]
+	// 	.item-icon
+	// 		opacity 0.9
+
+	// [data-item-id="pro-account-24"]
+	// 	.item-icon
+	// 		opacity 1.0
+
+animation hover-item
+	0%
+		transform rotateZ(0)
+	20%
+		transform rotateZ(5deg)
+	80%
+		transform rotateZ(-5deg)
+	100%
+		transform rotateZ(0)
+
 .inventory-slot-quantity
 	position absolute
 	bottom 0.25rem