bede/tfm_ainventory
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Build [v1.14.31]

Browse Source
This commit is contained in:
Daniel Bedeleanu
2026-04-25 12:53:41 +03:00
parent d0f166a370
commit de8c5c7135
42 changed files with 441 additions and 354 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/components/ManualCropUI.tsx
View File

@@ -67,7 +67,7 @@ export default function ManualCropUI({
if (error) {
return (
<div className="flex items-center justify-center p-8 bg-slate-900 rounded-lg">
<div className="flex items-center justify-center p-8 bg-surface-container rounded-none">
<div className="text-center">
<p className="text-rose-500">{error}</p>
</div>
@@ -79,7 +79,7 @@ export default function ManualCropUI({
if (!actualDimensions) {
return (
<div className="flex flex-col gap-4">
<div className="relative bg-slate-900 rounded-lg overflow-hidden border border-slate-800">
<div className="relative bg-surface-container rounded-none overflow-hidden border border-border">
<img
ref={imageRef}
src={imageUrl}
@@ -90,7 +90,7 @@ export default function ManualCropUI({
style={{ visibility: 'hidden' }}
/>
</div>
<div className="text-sm text-slate-400 text-center">Loading image...</div>
<div className="text-sm text-secondary text-center">Loading image...</div>
</div>
);
}
@@ -198,7 +198,7 @@ export default function ManualCropUI({
{/* Image container with crop preview */}
<div
ref={containerRef}
className="relative bg-slate-900 rounded-lg overflow-hidden border border-slate-800"
className="relative bg-surface-container rounded-none overflow-hidden border border-border"
style={{
aspectRatio: `${actualDimensions.width} / ${actualDimensions.height}`,
maxWidth: '100%',
@@ -271,7 +271,7 @@ export default function ManualCropUI({
key={handleType}
onMouseDown={handleMouseDown(handleType)}
onTouchStart={handleTouchStart(handleType)}
className={`absolute w-${HANDLE_SIZE} h-${HANDLE_SIZE} bg-cyan-400 rounded-full border-2 border-white shadow-lg hover:scale-125 transition-transform cursor-grab active:cursor-grabbing ${
className={`absolute w-${HANDLE_SIZE} h-${HANDLE_SIZE} bg-cyan-400 rounded-none border-2 border-white shadow-none hover:scale-125 transition-transform cursor-grab active:cursor-grabbing ${
isDragging ? 'scale-125' : ''
}`}
style={{
@@ -291,14 +291,14 @@ export default function ManualCropUI({
{crop && (
<button
onClick={() => resetCrop()}
className="flex items-center justify-center gap-2 flex-1 px-4 py-2.5 bg-slate-700 text-white rounded-lg font-normal text-base transition-colors hover:bg-slate-600"
className="flex items-center justify-center gap-2 flex-1 px-4 py-2.5 bg-[#222222] text-white rounded-none font-normal text-base transition-colors hover:bg-slate-600"
>
<X className="w-5 h-5" />
<span>Use Full Photo</span>
</button>
)}
{!crop && (
<div className="text-sm text-slate-400 text-center flex-1 py-2.5">
<div className="text-sm text-secondary text-center flex-1 py-2.5">
Drag handles to adjust crop area
</div>
)}
@@ -306,7 +306,7 @@ export default function ManualCropUI({
{/* Crop bounds display (debug) */}
{crop && (
<div className="text-xs text-slate-500 text-center">
<div className="text-xs text-secondary text-center">
Crop: {Math.round(crop.x)}, {Math.round(crop.y)} | Size: {Math.round(crop.width)} x{' '}
{Math.round(crop.height)}
</div>