diff --git a/src/pages/menu/menu.module.css b/src/pages/menu/menu.module.css index 218b970..f714c90 100644 --- a/src/pages/menu/menu.module.css +++ b/src/pages/menu/menu.module.css @@ -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; +} \ No newline at end of file diff --git a/src/pages/menu/page.tsx b/src/pages/menu/page.tsx index 07726ea..716fa10 100644 --- a/src/pages/menu/page.tsx +++ b/src/pages/menu/page.tsx @@ -97,21 +97,27 @@ function MenuPage() { className={`${styles.headerFloatingBtn} ${styles.orderTypeSelectContainer} order-type-select-container`} > {orderType !== OrderType.Redeem && ( - false} + onClick={(e) => { + e.stopPropagation(); + setIsOrderTypesOpen(true); + }} + variant="borderless" + size="small" + className={styles.orderTypeSelect} + classNames={{ + popup: { root: "order-type-select-dropdown" }, + }} + listHeight={150} + /> + + )} {orderType === OrderType.Redeem && (