fix: dropdown width (not unocssy sorry)

apps/onelauncher/frontend/src/components/launcher/cluster/ClusterCreation.tsx

@@ -265,9 +265,8 @@ function ClusterInformation({
 				<Dropdown defaultSelectedKey="vanilla" onSelectionChange={e => onClusterLoaderChange(e.toString() as GameLoader)}>
 					{LOADERS.map(loader => (
 						<Dropdown.Item id={loader} key={loader}>
-							<div className="flex flex-row">
+							<div className="flex flex-row gap-2">
 								<LoaderIcon className="size-5" loader={loader as GameLoader} />
-								{' '}
 								{upperFirst(loader)}
 							</div>
 						</Dropdown.Item>

apps/onelauncher/frontend/src/styles/global.css

@@ -17,3 +17,7 @@
 .react-aria-ModalOverlay {
   @apply fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4;
 }
+
+.react-aria-Popover {
+  width: var(--trigger-width);
+}

packages/web_common/src/components/Dropdown.tsx

@@ -134,7 +134,7 @@ export function Dropdown<TValue extends object>(props: DropdownProps<TValue>) {
 						}
 					</Button>
 
-					<AriaPopover className={twMerge(styles.popover(), popoverClassName)}>
+					<AriaPopover className={twMerge(styles.popover(), popoverClassName, 'react-aria-Popover')}>
 						<div className={styles.popoverContentWrapper()}>
 							<AriaListBox className={styles.listBox()}>
 								{children}

packages/web_common/src/theme.css

@@ -109,3 +109,4 @@ body {
 .os-hide-horizontal-scrollbar > .os-scrollbar-horizontal {
 	display: none;
 }
+