fix can not set max width

[spartan-vutrannguyen]

Description

(Should merge after #2080 )

• Fixed a bug that prevented users from setting min/max values for dimension inputs.

Related Issues

• Close [bug] Min and max width are reset to 0 after being set and clicking outside #2054

Type of Change

• Bug fix
• New feature
• Documentation update
• Release
• Refactor
• Other (please describe):

Testing

Screenshots (if applicable)

Additional Notes

---

Important

Fixes bug in use-dimension-control.ts by correcting key format for min/max dimension values to enable setting them.

• Bug Fix:
  • Corrects key format for accessing min/max dimension values in use-dimension-control.ts.
  • Changes maxDimensionKey and minDimensionKey to use kebab-case (max-width, min-width) instead of camelCase (maxWidth, minWidth).
• Behavior:
  • Fixes issue preventing setting of min/max values for dimension inputs.
  • Ensures correct style properties are accessed and updated.

^{This description was created by for c480f5d. You can customize this summary. It will automatically update as commits are pushed.}

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 6, 2025 2:04pm
web	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 6, 2025 2:04pm

[supabase]

This pull request has been ignored for the connected project wowaemfasoptxrdjhilu because there are no changes detected in apps/backend/supabase directory. You can change this behaviour in Project Integrations Settings ↗︎.

---

Preview Branches by Supabase.
Learn more about Supabase Branching ↗︎.

[ellipsis-dev]

Important

Looks good to me! 👍

Reviewed everything up to c480f5d in 48 seconds. Click for details.

• Reviewed 27 lines of code in 1 files
• Skipped 0 files when reviewing.
• Skipped posting 3 draft comments. View those below.
• Modify your settings and rules to customize what types of comments Ellipsis leaves. And don't forget to react with 👍 or 👎 to teach Ellipsis.

1. apps/web/client/src/app/project/[id]/_components/editor-bar/hooks/use-dimension-control.ts:52

• Draft comment:
  Good inline comment clarifying why definedStyles is used.
• Reason this comment was not posted:
  Confidence changes required: 0% <= threshold 50% None

2. apps/web/client/src/app/project/[id]/_components/editor-bar/hooks/use-dimension-control.ts:61

• Draft comment:
  Using hyphenated key ('max-width') ensures proper lookup from definedStyles.
• Reason this comment was not posted:
  Confidence changes required: 0% <= threshold 50% None

3. apps/web/client/src/app/project/[id]/_components/editor-bar/hooks/use-dimension-control.ts:66

• Draft comment:
  Using hyphenated key ('min-width') correctly retrieves the min value from definedStyles.
• Reason this comment was not posted:
  Confidence changes required: 0% <= threshold 50% None

Workflow ID: wflow_i8xzpcScLsfxmUCd

^{You can customize by changing your verbosity settings, reacting with 👍 or 👎, replying to comments, or adding code review rules.}