-
Notifications
You must be signed in to change notification settings - Fork 183
fix:adjust the text wrapping and alignment to ensure it looks good on… #2117
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
fix:adjust the text wrapping and alignment to ensure it looks good on… #2117
Conversation
… both mobile and desktop
The preview deployment is ready. 🟢 Open Preview | Open Build Logs Last updated at: 2025-07-24 12:44:09 CET |
The preview deployment is ready. 🟢 Open Preview | Open Build Logs Last updated at: 2025-07-24 12:44:10 CET |
Drag and drop file here or click to <span | ||
style="display: inline-flex; align-items: center; gap: 0.25em;"> | ||
upload | ||
<Tooltip> | ||
<Layout.Stack | ||
alignItems="center" | ||
justifyContent="center" | ||
inline> | ||
<span style="display: inline-flex; align-items: center;"> | ||
<Icon icon={IconInfo} size="s" /> | ||
</Layout.Stack> | ||
<svelte:fragment slot="tooltip" | ||
>Only .tar.gz files allowed</svelte:fragment> | ||
</span> | ||
<svelte:fragment slot="tooltip"> | ||
Only .tar.gz files allowed | ||
</svelte:fragment> | ||
</Tooltip> | ||
</Layout.Stack> | ||
{#if maxSize > 0} | ||
<Typography.Caption variant="400" | ||
>Max file size: {readableMaxSize.value + | ||
readableMaxSize.unit}</Typography.Caption> | ||
{/if} | ||
</Layout.Stack> | ||
</span> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
we still don't need this span
. <Typography.Text>
should properly handle what we need.
UI Enhancement: Function Upload Dialog Text Alignment
Improved text alignment and responsiveness in the function upload dialog:
Before:

Text and icon were misaligned with inconsistent spacing.
After:

Clean, centered layout with proper text wrapping and icon placement.