fix(dashboard): Ensure all progress tabs are 200px wide (#9644)

**What**
- Fixes onE FocusModal where the ProgressTabs weren't 200px wide. All others already have the correct width.

Resolves CC-110
This commit is contained in:
Kasper Fabricius Kristensen
2024-10-17 15:17:10 +00:00
committed by GitHub
parent 3474d54a50
commit 902087e569
@@ -133,12 +133,12 @@ export const CreateCategoryForm = ({
> >
<RouteFocusModal.Header> <RouteFocusModal.Header>
<div className="flex w-full items-center justify-between"> <div className="flex w-full items-center justify-between">
<div className="-my-2 w-fit border-l"> <div className="-my-2 w-full max-w-[400px] border-l">
<ProgressTabs.List className="grid w-full grid-cols-4"> <ProgressTabs.List className="grid w-full grid-cols-2">
<ProgressTabs.Trigger <ProgressTabs.Trigger
value={Tab.DETAILS} value={Tab.DETAILS}
status={detailsStatus} status={detailsStatus}
className="w-full min-w-0 max-w-[200px] overflow-hidden" className="w-full min-w-0 overflow-hidden"
> >
<span className="truncate"> <span className="truncate">
{t("categories.create.tabs.details")} {t("categories.create.tabs.details")}
@@ -147,7 +147,7 @@ export const CreateCategoryForm = ({
<ProgressTabs.Trigger <ProgressTabs.Trigger
value={Tab.ORGANIZE} value={Tab.ORGANIZE}
status={nestingStatus} status={nestingStatus}
className="w-full min-w-0 max-w-[200px] overflow-hidden" className="w-full min-w-0 overflow-hidden"
> >
<span className="truncate"> <span className="truncate">
{t("categories.create.tabs.organize")} {t("categories.create.tabs.organize")}