Skip to content

Design tab columns#140

Open
angiehemans wants to merge 5 commits intoplasmicapp:masterfrom
angiehemans:design-tab-columns
Open

Design tab columns#140
angiehemans wants to merge 5 commits intoplasmicapp:masterfrom
angiehemans:design-tab-columns

Conversation

@angiehemans
Copy link
Contributor

Updated the design of the "Size" section of the design tab to be more compact and use a two column layout.
size-changes

@vercel
Copy link

vercel bot commented May 1, 2025

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

Name Status Preview Comments Updated (UTC)
plasmic-cms-i18n ✅ Ready (Inspect) Visit Preview 💬 Add feedback May 6, 2025 4:31pm
1 Skipped Deployment
Name Status Preview Comments Updated (UTC)
react-email-demo ⬜️ Ignored (Inspect) May 6, 2025 4:31pm

@vercel
Copy link

vercel bot commented May 1, 2025

@angiehemans is attempting to deploy a commit to the Plasmic Team on Vercel.

A member of the Team first needs to authorize it.

will cause it to stretch to fill the parent container.
</div>
}
<>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this fragment necessary?

super(props);
this.state = {
showMore: false,
isOpen: true,
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why is this added as a state? I don't think it ever changes.

Also, since it is now a stateless component, can you change it to a functional component?


function toDisplay(val: string, stretchLabel: string, isRoot: boolean) {
if (val === "wrap") {
val = "Hug content";
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think there might be more instances of "Hug content" scattered around the codebase. Maybe you could store this string in a variable in Labels.ts? Same with the other labels.

display: "grid",
gridTemplateColumns: "1fr ".repeat(props.children.length),
gridColumnGap: 24,
gridColumnGap: 28,
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Bit concerned at changing the gap for all FullRow instances... why was this needed?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants