Skip to content

Commit d06c695

Browse files
committed
Add style to language selection
1 parent 61861f4 commit d06c695

File tree

1 file changed

+16
-0
lines changed

1 file changed

+16
-0
lines changed

src/components/StartingPage/index.js

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -71,6 +71,21 @@ const Title = styled("div")({
7171
color: colors.grey[300],
7272
})
7373

74+
const languageSelectionFormStyle = {
75+
control: (base, state) => ({
76+
...base,
77+
border: '1px solid #9e9e9e',
78+
background: "transparent",
79+
color: '#e0e0e0',
80+
}),
81+
menuList: base => ({
82+
...base,
83+
padding: 0,
84+
margin: 0,
85+
color: 'black'
86+
})
87+
}
88+
7489
const Subtitle = styled("div")({
7590
fontSize: 18,
7691
// fontWeight: "bold",
@@ -211,6 +226,7 @@ export default ({
211226
<Box padding={3} className={c.languageSelectionWrapper}>
212227
<ActionTitle>Select Language</ActionTitle>
213228
<Select
229+
styles={languageSelectionFormStyle}
214230
defaultValue={languageOptions[0]}
215231
options={languageOptions}
216232
onChange={({ value }) => changeLanguage(value)}

0 commit comments

Comments
 (0)