Skip to content

Commit e200a49

Browse files
authored
feat(ui): Make mode selection dropdowns responsive
This PR makes the mode selection dropdowns responsive. It was difficult to select modes with long names and slugs, so this change improves the user experience by making the UI more flexible.
1 parent 6331944 commit e200a49

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

webview-ui/src/components/modes/ModesView.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -615,9 +615,9 @@ const ModesView = ({ onDone }: ModesViewProps) => {
615615
variant="combobox"
616616
role="combobox"
617617
aria-expanded={open}
618-
className="justify-between w-60"
618+
className="justify-between w-full"
619619
data-testid="mode-select-trigger">
620-
<div>{getCurrentMode()?.name || t("prompts:modes.selectMode")}</div>
620+
<div className="truncate">{getCurrentMode()?.name || t("prompts:modes.selectMode")}</div>
621621
<ChevronDown className="opacity-50" />
622622
</Button>
623623
</PopoverTrigger>
@@ -716,7 +716,7 @@ const ModesView = ({ onDone }: ModesViewProps) => {
716716
text: value,
717717
})
718718
}}>
719-
<SelectTrigger className="w-60">
719+
<SelectTrigger className="w-full">
720720
<SelectValue placeholder={t("settings:common.select")} />
721721
</SelectTrigger>
722722
<SelectContent>

0 commit comments

Comments
 (0)