rust/BoxGenerator
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Fix

Browse Source
This commit is contained in:
Халимов Рустам
2025-12-27 20:02:20 +03:00
parent e91eea8c68
commit 3263645c3b
1 changed files with 21 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/components/PreviewStep.tsx
View File

@@ -140,32 +140,37 @@ export const PreviewStep: React.FC<Props> = ({ parts, config, splits }) => {
return (
<div className="flex flex-col h-full">
{/* Верхняя панель */}
<div className="flex flex-col md:flex-row justify-between items-center bg-slate-800/80 p-4 rounded-xl border border-slate-700 mb-4 gap-4 backdrop-blur-sm shadow-lg">
{/* Верхняя панель: Размеры + Поделиться */}
<div className="flex flex-col xl:flex-row justify-between items-center bg-slate-800/80 p-4 rounded-xl border border-slate-700 mb-4 gap-4 backdrop-blur-sm shadow-lg">
<div className="flex items-center gap-6">
<div className="flex items-center gap-2 text-gray-300">
<div className="flex flex-wrap items-center gap-6 justify-center md:justify-start">
<div className="hidden md:flex items-center gap-2 text-gray-300 mr-2">
<Ruler className="text-primary" size={20} />
<span className="font-medium text-sm uppercase tracking-wide opacity-70">Размеры ящика:</span>
</div>
<div className="flex gap-4 font-mono text-lg font-bold text-white">
<div className="flex items-center gap-1">
<span className="text-slate-500 text-xs">Ш:</span> {config.drawer.width}
{/* --- ОБНОВЛЕННЫЙ БЛОК РАЗМЕРОВ --- */}
<div className="flex flex-wrap gap-6 font-mono text-white items-baseline">
<div className="flex items-baseline gap-2">
<span className="text-slate-500 text-sm font-bold uppercase tracking-wider">Ширина:</span>
<span className="text-2xl font-bold text-white drop-shadow-sm">{config.drawer.width}</span>
</div>
<div className="flex items-center gap-1">
<span className="text-slate-500 text-xs">Г:</span> {config.drawer.depth}
<div className="flex items-baseline gap-2">
<span className="text-slate-500 text-sm font-bold uppercase tracking-wider">Глубина:</span>
<span className="text-2xl font-bold text-white drop-shadow-sm">{config.drawer.depth}</span>
</div>
<div className="flex items-center gap-1">
<span className="text-slate-500 text-xs">В:</span> {config.drawer.height}
<div className="flex items-baseline gap-2">
<span className="text-slate-500 text-sm font-bold uppercase tracking-wider">Высота:</span>
<span className="text-2xl font-bold text-white drop-shadow-sm">{config.drawer.height}</span>
</div>
<span className="text-xs text-slate-500 self-end mb-1">мм</span>
<span className="text-sm text-slate-500 font-bold self-baseline">мм</span>
</div>
</div>
<button
onClick={handleShare}
className={`
flex items-center gap-2 px-6 py-2 rounded-lg text-sm font-bold transition-all border shadow-md active:scale-95
flex items-center gap-2 px-6 py-3 rounded-lg text-sm font-bold transition-all border shadow-md active:scale-95 shrink-0
${shareUrlCopied
? 'bg-green-600 border-green-500 text-white shadow-green-900/20'
: 'bg-blue-600 hover:bg-blue-500 border-blue-500 text-white shadow-blue-900/20'
@@ -173,7 +178,7 @@ export const PreviewStep: React.FC<Props> = ({ parts, config, splits }) => {
`}
>
{shareUrlCopied ? <Check size={18} /> : <Share2 size={18} />}
{shareUrlCopied ? 'СКОПИРОВАНО!' : 'Поделиться проектом'}
{shareUrlCopied ? 'СКОПИРОВАНО!' : 'Поделиться'}
</button>
</div>
@@ -197,8 +202,8 @@ export const PreviewStep: React.FC<Props> = ({ parts, config, splits }) => {
camera={{
position: [config.drawer.width * 1.5, config.drawer.height * 3, config.drawer.depth * 1.5],
fov: 45,
near: 1, // Исправлено: не режем вблизи
far: 20000 // Исправлено: видим очень далеко (для больших размеров в мм)
near: 1,
far: 20000
}}
>
<Suspense fallback={null}>