onlook-dev / onlook

The open source, local-first Figma for React. Design directly in your live React app and publish your changes to code.
https://onlook.dev
Apache License 2.0
3.75k stars 233 forks source link

Fix/dimension label styling update #764

Closed xming13 closed 1 week ago

xming13 commented 1 week ago

Description

This PR address two issues described in https://github.com/onlook-dev/onlook/issues/97#issuecomment-2323614687

Note: it does not address the third issue, ie. "The dimensions should reflect the hug or fill on an object as described above."

Before

image

After

image

edge case, when the text container's width is smaller than the box's width

image

What is the purpose of this pull request?