Skip to content

Commit 05d0ded

Browse files
chore: align aspect ratio labels with crop frame boundaries
Update vertical positioning to match crop frame structure: - OuterRatioLabel (3:1): top: 10% - aligns with outer crop frame boundary - InnerRatioLabel (6:1): top: calc(10% + 80% * 0.25) - aligns with first horizontal grid line at 30% This ensures consistent vertical spacing that matches the crop guide positioning system. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <[email protected]>
1 parent d73a527 commit 05d0ded

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

src/components/@molecules/ProfileEditor/Header/HeaderCrop.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -174,14 +174,14 @@ const AspectRatioLabel = styled.div(
174174

175175
const OuterRatioLabel = styled(AspectRatioLabel)(
176176
() => css`
177-
top: 12%;
177+
top: 10%;
178178
right: 90%;
179179
`,
180180
)
181181

182182
const InnerRatioLabel = styled(AspectRatioLabel)(
183183
() => css`
184-
top: 26%;
184+
top: calc(10% + 80% * 0.25);
185185
right: 90%;
186186
`,
187187
)

0 commit comments

Comments
 (0)