Skip to content

Commit 26fbfaa

Browse files
committed
Refactor styles for PricingAddons and update CurrencySelect component for improved readability
Signed-off-by: Lee Calcote <lee.calcote@layer5.io>
1 parent d64c526 commit 26fbfaa

3 files changed

Lines changed: 18 additions & 105 deletions

File tree

src/components/Pricing/PricingAddons/styles.js

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -221,17 +221,17 @@ export const boxStyles = {
221221
display: "flex",
222222
alignItems: "center"
223223
},
224-
enterpriseUserInput:{
225-
width: "50px",
226-
ml: 1,
227-
"& .MuiInputBase-input": {
228-
py: (theme) => theme.spacing(0.5),
229-
paddingRight: 0,
230-
paddingLeft: 0.2,
231-
textAlign: "center",
232-
ml: 0.5,
233-
},
234-
},
224+
enterpriseUserInput: {
225+
width: "50px",
226+
ml: 1,
227+
"& .MuiInputBase-input": {
228+
py: (theme) => theme.spacing(0.5),
229+
paddingRight: 0,
230+
paddingLeft: 0.2,
231+
textAlign: "center",
232+
ml: 0.5,
233+
},
234+
},
235235
totalSection: {
236236
textAlign: "right",
237237
margin: 0

src/reusecore/Particle/index.js

Lines changed: 0 additions & 87 deletions
This file was deleted.

src/sections/Pricing/index.js

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -18,20 +18,20 @@ export const CurrencySelect = ({ currency, setCurrency }) => {
1818
size="small"
1919
sx={{
2020
minWidth: 150,
21-
"& .MuiInputLabel-root": { color: "white" },
22-
"& .MuiInputLabel-root.Mui-focused": { color: '#00B39F' },
23-
"& .MuiOutlinedInput-notchedOutline": { borderColor: "white" },
24-
"& .MuiSelect-icon": { color: "white" },
25-
"& .MuiSelect-select": { color: "white" },
26-
"&:hover .MuiOutlinedInput-notchedOutline": { borderColor: "white" },
21+
"& .MuiInputLabel-root": { color: "white" },
22+
"& .MuiInputLabel-root.Mui-focused": { color: "#00B39F" },
23+
"& .MuiOutlinedInput-notchedOutline": { borderColor: "white" },
24+
"& .MuiSelect-icon": { color: "white" },
25+
"& .MuiSelect-select": { color: "white" },
26+
"&:hover .MuiOutlinedInput-notchedOutline": { borderColor: "white" },
2727
}}
2828
>
2929
<InputLabel>Currency</InputLabel>
3030
<Select
3131
value={currency}
3232
sx={{
3333
"&.Mui-focused .MuiOutlinedInput-notchedOutline": {
34-
borderColor: "#00B39F",
34+
borderColor: "#00B39F",
3535
},
3636
}}
3737
onChange={(e) => setCurrency(e.target.value)}

0 commit comments

Comments
 (0)