File size: 1,174 Bytes
0580361 bb16726 0580361 bb16726 0580361 bb16726 0580361 bb16726 0580361 bb16726 0580361 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 | /* Custom styles for the chemical label analyzer */
#dropZone {
transition: all 0.3s ease;
}
#dropZone.drag-over {
border-color: #818cf8;
background-color: rgba(99, 102, 241, 0.1);
}
.annotation-box {
position: absolute;
border: 2px solid #818cf8;
background-color: rgba(99, 102, 241, 0.2);
cursor: move;
z-index: 10;
}
.annotation-box:hover {
background-color: rgba(99, 102, 241, 0.3);
}
.annotation-box.selected {
border-color: #f472b6;
background-color: rgba(244, 114, 182, 0.3);
}
.annotation-label {
position: absolute;
top: -24px;
left: 0;
padding: 2px 6px;
background-color: #4b5563;
color: white;
font-size: 0.75rem;
border-radius: 4px 4px 0 0;
pointer-events: none;
}
/* Custom scrollbar for detected fields */
#detectedFields::-webkit-scrollbar {
width: 6px;
}
#detectedFields::-webkit-scrollbar-track {
background: #4b5563;
border-radius: 3px;
}
#detectedFields::-webkit-scrollbar-thumb {
background: #818cf8;
border-radius: 3px;
}
/* Responsive adjustments */
@media (max-width: 768px) {
#imagePreviewContainer {
margin-bottom: 1rem;
}
} |