Fix: select box overflow on download pages (nodejs#7119)

fix: download page select overflow
NOUIY · Oct 12, 2024 · 3da97a1 · 3da97a1
1 parent 3c0635c
commit 3da97a1
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/apps/site/components/Downloads/Release/BitnessDropdown.tsx b/apps/site/components/Downloads/Release/BitnessDropdown.tsx
@@ -100,7 +100,7 @@ const BitnessDropdown: FC = () => {
       ariaLabel={t('layouts.download.dropdown.bitness')}
       defaultValue={String(bitness)}
       onChange={bitness => setBitness(parseNumericBitness(bitness))}
-      className="w-28"
+      className="min-w-28"
       inline={true}
     />
   );

diff --git a/apps/site/components/Downloads/Release/OperatingSystemDropdown.tsx b/apps/site/components/Downloads/Release/OperatingSystemDropdown.tsx
@@ -63,7 +63,7 @@ const OperatingSystemDropdown: FC<OperatingSystemDropdownProps> = ({
       ariaLabel={t('layouts.download.dropdown.os')}
       defaultValue={os}
       onChange={value => setOS(value as UserOS)}
-      className="w-[8.5rem]"
+      className="min-w-[8.5rem]"
       inline={true}
     />
   );

diff --git a/apps/site/components/Downloads/Release/PlatformDropdown.tsx b/apps/site/components/Downloads/Release/PlatformDropdown.tsx
@@ -79,7 +79,7 @@ const PlatformDropdown: FC = () => {
       ariaLabel={t('layouts.download.dropdown.platform')}
       defaultValue={platform}
       onChange={platform => setPlatform(platform as PackageManager)}
-      className="w-28"
+      className="min-w-28"
       inline={true}
     />
   );

diff --git a/apps/site/components/Downloads/Release/VersionDropdown.tsx b/apps/site/components/Downloads/Release/VersionDropdown.tsx
@@ -32,7 +32,7 @@ const VersionDropdown: FC = () => {
       }))}
       defaultValue={release.versionWithPrefix}
       onChange={setVersion}
-      className="w-40"
+      className="min-w-40"
       inline={true}
     />
   );