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 17:17:10 +02:00
committed by GitHub
parent 3474d54a50
commit 902087e569

View File

@@ -133,12 +133,12 @@ export const CreateCategoryForm = ({
>
<RouteFocusModal.Header>
<div className="flex w-full items-center justify-between">
<div className="-my-2 w-fit border-l">
<ProgressTabs.List className="grid w-full grid-cols-4">
<div className="-my-2 w-full max-w-[400px] border-l">
<ProgressTabs.List className="grid w-full grid-cols-2">
<ProgressTabs.Trigger
value={Tab.DETAILS}
status={detailsStatus}
className="w-full min-w-0 max-w-[200px] overflow-hidden"
className="w-full min-w-0 overflow-hidden"
>
<span className="truncate">
{t("categories.create.tabs.details")}
@@ -147,7 +147,7 @@ export const CreateCategoryForm = ({
<ProgressTabs.Trigger
value={Tab.ORGANIZE}
status={nestingStatus}
className="w-full min-w-0 max-w-[200px] overflow-hidden"
className="w-full min-w-0 overflow-hidden"
>
<span className="truncate">
{t("categories.create.tabs.organize")}