highperfocused/multica
1
0
Fork 0
mirror of https://github.com/multica-ai/multica.git synced 2026-08-03 11:10:23 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(views): round square avatar crop frame

Browse Source
This commit is contained in:
Naiyuan Qing
2026-07-09 18:44:09 +08:00
parent 5b9d8903fa
commit c9ad01a285
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/views/common/avatar-crop-dialog.tsx
View File

@@ -23,6 +23,7 @@ import {
const MIN_ZOOM = 1;
const MAX_ZOOM = 3;
const ZOOM_STEP = 0.1;
const ROUNDED_SQUARE_CROP_AREA_STYLE = { borderRadius: "0.5rem" };
export type AvatarCropShape = "circle" | "square";
@@ -138,6 +139,10 @@ export function AvatarCropDialog({
minZoom={MIN_ZOOM}
maxZoom={MAX_ZOOM}
cropShape={shape === "circle" ? "round" : "rect"}
style={{
cropAreaStyle:
shape === "circle" ? undefined : ROUNDED_SQUARE_CROP_AREA_STYLE,
}}
showGrid={false}
onCropChange={setCrop}
onZoomChange={setZoom}