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

18
frontend/components/ImageAdjustmentModal.tsx
View File

@@ -200,13 +200,13 @@ export function ImageAdjustmentModal({ imageUrl, onConfirm, onCancel }: ImageAdj
return (
<div className="fixed inset-0 bg-black/80 flex items-center justify-center z-50 p-4">
<div className="bg-slate-900 border border-slate-700 rounded-lg shadow-2xl max-w-6xl w-full max-h-[95vh] overflow-hidden flex flex-col">
<div className="bg-surface-container border border-border rounded-none shadow-none max-w-6xl w-full max-h-[95vh] overflow-hidden flex flex-col">
{/* Header */}
<div className="p-4 border-b border-slate-700 flex items-center justify-between bg-slate-800">
<div className="p-4 border-b border-border flex items-center justify-between bg-surface-bright">
<h2 className="text-xl font-normal text-white">Rotate Image</h2>
<button
onClick={onCancel}
className="p-2 hover:bg-slate-700 rounded text-gray-400 hover:text-white transition"
className="p-2 hover:bg-[#222222] rounded text-gray-400 hover:text-white transition"
>
<X size={20} />
</button>
@@ -214,7 +214,7 @@ export function ImageAdjustmentModal({ imageUrl, onConfirm, onCancel }: ImageAdj
<div className="flex gap-4 p-4 flex-1 overflow-hidden">
{/* Left: Controls */}
<div className="w-56 bg-slate-800 p-4 rounded space-y-4 flex-shrink-0 overflow-y-auto">
<div className="w-56 bg-surface-bright p-4 rounded space-y-4 flex-shrink-0 overflow-y-auto">
{/* Rotation */}
<div>
<label className="block text-sm font-normal text-white mb-2">
@@ -257,7 +257,7 @@ export function ImageAdjustmentModal({ imageUrl, onConfirm, onCancel }: ImageAdj
className={`w-full py-2 px-3 rounded text-sm font-normal transition ${
aspectRatio === ratio.value
? 'bg-yellow-600 text-white'
: 'bg-slate-700 text-gray-300 hover:bg-slate-600'
: 'bg-[#222222] text-gray-300 hover:bg-slate-600'
}`}
>
{ratio.label}
@@ -269,7 +269,7 @@ export function ImageAdjustmentModal({ imageUrl, onConfirm, onCancel }: ImageAdj
{/* Reset */}
<button
onClick={handleReset}
className="w-full py-2 px-3 rounded text-sm font-normal bg-slate-700 text-gray-300 hover:bg-slate-600 transition flex items-center justify-center gap-2"
className="w-full py-2 px-3 rounded text-sm font-normal bg-[#222222] text-gray-300 hover:bg-slate-600 transition flex items-center justify-center gap-2"
>
<RotateCw size={16} />
Reset
@@ -277,7 +277,7 @@ export function ImageAdjustmentModal({ imageUrl, onConfirm, onCancel }: ImageAdj
</div>
{/* Center: Canvas */}
<div className="flex-1 flex flex-col bg-slate-800 p-4 rounded border border-slate-700 overflow-hidden">
<div className="flex-1 flex flex-col bg-surface-bright p-4 rounded border border-border overflow-hidden">
<h3 className="text-sm font-normal text-white mb-2">Image Preview</h3>
<div className="flex-1 flex items-center justify-center bg-black/50 rounded border border-slate-600 overflow-hidden">
<canvas
@@ -294,7 +294,7 @@ export function ImageAdjustmentModal({ imageUrl, onConfirm, onCancel }: ImageAdj
</div>
{/* Footer */}
<div className="p-4 border-t border-slate-700 bg-slate-800 flex items-center justify-between">
<div className="p-4 border-t border-border bg-surface-bright flex items-center justify-between">
<label className="flex items-center gap-2 text-sm font-normal text-white">
<input
type="checkbox"
@@ -307,7 +307,7 @@ export function ImageAdjustmentModal({ imageUrl, onConfirm, onCancel }: ImageAdj
<div className="flex gap-2">
<button
onClick={onCancel}
className="px-4 py-2 rounded text-sm font-normal bg-slate-700 text-gray-300 hover:bg-slate-600 transition"
className="px-4 py-2 rounded text-sm font-normal bg-[#222222] text-gray-300 hover:bg-slate-600 transition"
>
Cancel
</button>