keannu125/StudE-Frontend
1
0
Fork 0
mirror of https://github.com/lemeow125/StudE-Frontend.git synced 2024-11-16 22:09:26 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Convert onboarding dropdown menus into modals

Browse source
This commit is contained in:
Keannu Bernasol 2023-10-19 18:53:54 +08:00
parent f098db0dca
commit a0d27aaa38
1 changed files with 21 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/routes/Onboarding/Onboarding.tsx
View file

@ -195,7 +195,13 @@ export default function Onboarding() {
...styles.text_white_small_bold,
...{ textAlign: "center" },
}}
dropDownContainerStyle={{ backgroundColor: colors.primary_2 }}
modalContentContainerStyle={{
backgroundColor: colors.primary_2,
borderWidth: 0,
zIndex: 1000,
}}
dropDownDirection="BOTTOM"
listMode="MODAL"
/>
<DropDownPicker
zIndex={2000}
@ -215,7 +221,13 @@ export default function Onboarding() {
...styles.text_white_small_bold,
...{ textAlign: "center" },
}}
dropDownContainerStyle={{ backgroundColor: colors.primary_2 }}
modalContentContainerStyle={{
backgroundColor: colors.primary_2,
borderWidth: 0,
zIndex: 1000,
}}
dropDownDirection="BOTTOM"
listMode="MODAL"
/>
<DropDownPicker
zIndex={1000}
@ -235,7 +247,13 @@ export default function Onboarding() {
...styles.text_white_small_bold,
...{ textAlign: "center" },
}}
dropDownContainerStyle={{ backgroundColor: colors.primary_2 }}
modalContentContainerStyle={{
backgroundColor: colors.primary_2,
borderWidth: 0,
zIndex: 1000,
}}
dropDownDirection="BOTTOM"
listMode="MODAL"
/>
</MotiView>
<MotiView