diff --git a/src/pages/menu/menu.module.css b/src/pages/menu/menu.module.css index 4257d86..0eec874 100644 --- a/src/pages/menu/menu.module.css +++ b/src/pages/menu/menu.module.css @@ -430,9 +430,9 @@ position: absolute; z-index: 999; top: 70px; - - background-color: #fff; - box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); + opacity: 0.9; + background: #aaa8a833; + backdrop-filter: blur(40px); } .backButtonContainer { @@ -449,6 +449,9 @@ width: 95%; margin-left: 5%; margin-right: 5%; + border-radius: 60px; + box-shadow: none; + color: #fff !important; } .searchButtonContainer { @@ -689,3 +692,11 @@ :global(.ant-app-rtl) .logoContainerIcon { right: -10px !important; } + +:global(.ant-select-selection-item) { + color: #fff !important; +} + +:global(.ant-select-arrow) { + color: #fff !important; +} diff --git a/src/pages/menu/page.tsx b/src/pages/menu/page.tsx index 7bf6362..50ea965 100644 --- a/src/pages/menu/page.tsx +++ b/src/pages/menu/page.tsx @@ -104,6 +104,7 @@ function MenuPage() { className={styles.orderTypeSelect} classNames={{ popup: { root: "order-type-select-dropdown" } }} listHeight={150} + disabled />