Storage delete bucket modal fix styling

[joshenlim]

Resolves #22078

• Fixes BucketRow overflowing when bucket name is long
• Fixes DeleteBucketModal overflowing when bucket name is long

[supabase]

No changes detected in supabase directory.
This pull request has been ignored for the connected project xguihxuzqibwxjnimxev due to its connection settings.
Go to Project Integrations Settings ↗︎ in order to change this behavior.

---

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

[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	Mar 20, 2024 3:11am
studio-staging	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 20, 2024 3:11am
zone-www-dot-com	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 20, 2024 3:11am

4 Ignored Deployments

Name	Status	Preview	Comments	Updated (UTC)
database-new	⬜️ Ignored (Inspect)			Mar 20, 2024 3:11am
studio	⬜️ Ignored (Inspect)	Visit Preview		Mar 20, 2024 3:11am
studio-self-hosted	⬜️ Ignored (Inspect)	Visit Preview		Mar 20, 2024 3:11am
ui-storybook	⬜️ Ignored (Inspect)			Mar 20, 2024 3:11am

[MildTomato]

Could we fix the pattern component instead?

Maybe we just add truncate to the button ?

[joshenlim]

Maybe we just add truncate to the button ?

yeap can do - i'll add a truncate, but i'll still remove the bucket name from the button i think. Realised we don't do that across the dashboard (only storage), so just to keep things consistent

[update] odd the button components in TextConfirmModal already has a truncate on it actually. The grid class name on the DialogContent is the one that seems to be causing this overflowing issue

[joshenlim]

pushed a fix up for TextConfirmModal, just changing the class names there based on the previous comment rather than updating the primitives

[alaister]

LGTM!