/
guselnikov
/
inst
Обзор
Документация
Войти
/
guselnikov
/
inst
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
admin/src/components/auto-post/ImageCropEditor.module.css
75 строк
1 KB
Viktor Guselnikov
first_commit
07 июл 2026, 11:54
07 июл 2026, 11:54
098126a
Код
Авторство
О чём код?
.imageCropEditor { display: flex; flex-direction: column; gap: 16px; } .viewport { position: relative; width: 100%; max-width: 360px; margin: 0 auto; background: #000; border-radius: var(--radius-md); overflow: hidden; touch-action: none; user-select: none; } .viewportInner { position: relative; width: 100%; background: #111; } .imageLayer { position: absolute; top: 50%; left: 50%; transform-origin: center center; pointer-events: none; max-width: none; } .frameOverlay { position: absolute; inset: 0; pointer-events: none; box-shadow: inset 0 0 0 2px var(--accent); } .controls { display: flex; flex-direction: column; gap: 12px; } .zoomRow { display: flex; align-items: center; gap: 12px; } .zoomRow label { font-size: 13px; color: var(--text-secondary); min-width: 48px; } .zoomRow input[type='range'] { flex: 1; accent-color: var(--accent); } .hint { margin: 0; font-size: 13px; color: var(--text-muted); text-align: center; } .footer { display: flex; justify-content: flex-end; gap: 8px; }