fix main dropdown styles
This commit is contained in:
@@ -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;
|
||||
}
|
||||
@@ -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}>
|
||||
|
||||
Reference in New Issue
Block a user