fix: tweak Select component width

RSSNext · Feb 6, 2025 · 631b240 · 631b240
1 parent 5d6386f
commit 631b240
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 9 deletions.
diff --git a/apps/mobile/src/components/ui/form/Select.tsx b/apps/mobile/src/components/ui/form/Select.tsx
@@ -51,14 +51,14 @@ export function Select<T>({
       <DropdownMenu.Trigger asChild>
         <View
           className={cn(
-            "flex-1 shrink flex-row items-center rounded-lg pl-3",
+            "min-w-24 flex-1 shrink flex-row items-center rounded-lg pl-3",
 
             wrapperClassName,
           )}
           style={wrapperStyle}
         >
           <Text
-            className="min-w-0 flex-1 text-right font-semibold text-accent"
+            className="flex-1 text-right font-semibold text-accent"
             ellipsizeMode="middle"
             numberOfLines={1}
           >

diff --git a/apps/mobile/src/modules/settings/routes/General.tsx b/apps/mobile/src/modules/settings/routes/General.tsx
@@ -42,13 +42,15 @@ export const GeneralScreen = () => {
           <GroupedInsetListBaseCell>
             <Text className="text-label">Translation Language</Text>
 
-            <Select
-              value={translationLanguage}
-              onValueChange={(value) => {
-                setGeneralSetting("translationLanguage", value)
-              }}
-              options={Object.values(LanguageMap)}
-            />
+            <View className="w-[150px]">
+              <Select
+                value={translationLanguage}
+                onValueChange={(value) => {
+                  setGeneralSetting("translationLanguage", value)
+                }}
+                options={Object.values(LanguageMap)}
+              />
+            </View>
           </GroupedInsetListBaseCell>
         </GroupedInsetListCard>
       </View>