diff --git a/scitems.php b/scitems.php
index 917b4ef..1543d8c 100644
--- a/scitems.php
+++ b/scitems.php
@@ -323,9 +323,17 @@ if ($edit_id > 0) {
.item-name { color: var(--primary); font-weight: bold; display: block; font-size: 1rem; margin-bottom: 4px; }
.item-meta { font-size: 0.75rem; color: #888; display: block; }
- .item-uuid { font-size: 0.8rem; color: #aaa; font-family: monospace; word-break: break-all; }
+ .item-uuid { font-size: 0.75rem; color: #777; font-family: monospace; word-break: break-all; display: block; margin-bottom: 4px; }
.item-about-cell { font-size: 0.85rem; color: #ccc; line-height: 1.4; }
+ /* Preview System */
+ .preview-container {
+ position: relative;
+ width: 80px;
+ height: 80px;
+ cursor: zoom-in;
+ }
+
.item-preview {
width: 80px;
height: 80px;
@@ -333,6 +341,37 @@ if ($edit_id > 0) {
border-radius: 4px;
border: 1px solid var(--border-glow);
background: rgba(0,0,0,0.5);
+ display: block;
+ }
+
+ .preview-floating {
+ visibility: hidden;
+ opacity: 0;
+ position: absolute;
+ top: -10px;
+ left: 95px;
+ z-index: 1000;
+ padding: 5px;
+ background: var(--card-bg);
+ border: 1px solid var(--primary);
+ border-radius: 8px;
+ box-shadow: 0 10px 40px rgba(0,0,0,0.9), 0 0 20px var(--primary-glow);
+ backdrop-filter: blur(15px);
+ transition: opacity 0.3s ease, visibility 0.3s;
+ pointer-events: none;
+ }
+
+ .preview-floating img {
+ width: 350px;
+ height: 350px;
+ object-fit: contain;
+ display: block;
+ border-radius: 4px;
+ }
+
+ .preview-container:hover .preview-floating {
+ visibility: visible;
+ opacity: 1;
}
/* Rarity Classes */
@@ -449,15 +488,14 @@ if ($edit_id > 0) {
Aperçu
- Nom
- UUID
+ Nom / UUID / Type
About
Actions
+