fix: star icon misalignment on hover

This commit is contained in:
x0x0b
2025-10-28 07:51:54 +09:00
parent 95661a5da1
commit a4373c0949
+2 -2
View File
@@ -1273,7 +1273,7 @@
console.log(`Star ${starNum}: ${isActive ? 'active' : 'inactive'}`);
const starIcon = isActive ? '⭐' : '☆'; // filled star vs outline star
const color = isActive ? '#fbbf24' : '#9ca3af'; // yellow-400 : gray-400
return `<button class="star-btn" data-star="${starNum}" data-prompt-id="${promptId}" style="font-size: 1.125rem; color: ${color}; background: none; border: none; cursor: pointer; transition: all 0.2s;" onclick="window.admin.setRating(${promptId}, ${starNum})">${starIcon}</button>`;
return `<button class="star-btn" data-star="${starNum}" data-prompt-id="${promptId}" style="font-size: 1.125rem; color: ${color}; background: none; border: none; cursor: pointer; transition: all 0.2s; width: 1.125rem; height: 1.125rem; display: inline-flex; align-items: center; justify-content: center; padding: 0; line-height: 1;" onclick="window.admin.setRating(${promptId}, ${starNum})">${starIcon}</button>`;
}).join("");
}
@@ -3958,4 +3958,4 @@ Seed: ${this.currentMetadata.seed || 'Unknown'}`;
});
</script>
</body>
</html>
</html>