fix main dropdown styles

This commit is contained in:
2026-01-12 16:20:59 +03:00
parent eed10e8faf
commit 2b0516ad0d
2 changed files with 39 additions and 15 deletions

View File

@@ -844,3 +844,21 @@
white-space: nowrap;
width: fit-content;
}
.frameSelect {
align-items: flex-start;
background-color: #aaa7a733;
border-radius: 60px;
flex-direction: column;
gap: 10px;
position: relative;
}
.divSelect {
align-items: center;
align-self: stretch;
display: flex;
flex: 0 0 auto;
gap: 4px;
position: relative;
}

View File

@@ -97,21 +97,27 @@ function MenuPage() {
className={`${styles.headerFloatingBtn} ${styles.orderTypeSelectContainer} order-type-select-container`}
>
{orderType !== OrderType.Redeem && (
<Select
value={orderType}
options={orderTypeOptions}
open={false}
onOpenChange={() => false}
onClick={(e) => {
e.stopPropagation();
setIsOrderTypesOpen(true);
}}
variant="borderless"
size="small"
className={styles.orderTypeSelect}
classNames={{ popup: { root: "order-type-select-dropdown" } }}
listHeight={150}
/>
<div className={styles.frameSelect}>
<div className={styles.divSelect}>
<Select
value={orderType}
options={orderTypeOptions}
open={false}
onOpenChange={() => false}
onClick={(e) => {
e.stopPropagation();
setIsOrderTypesOpen(true);
}}
variant="borderless"
size="small"
className={styles.orderTypeSelect}
classNames={{
popup: { root: "order-type-select-dropdown" },
}}
listHeight={150}
/>
</div>
</div>
)}
{orderType === OrderType.Redeem && (
<div className={styles.frame}>