keannu125/EquipmentTracker-Frontend
1
0
Fork 0
mirror of https://github.com/lemeow125/EquipmentTracker-Frontend.git synced 2024-11-17 06:09:25 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Made button labels smaller

Browse source
This commit is contained in:
Keannu Bernasol 2023-11-17 16:48:57 +08:00
parent a138b6d0ca
commit 03df52f64f
1 changed files with 10 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/Components/Buttons/Button.tsx
View file

@ -23,16 +23,17 @@ export default function Button(props: props) {
onMouseLeave={() => setClicked(false)} onMouseLeave={() => setClicked(false)}
style={{ style={{
borderRadius: 24, borderRadius: 24,
minWidth: "15vw", minWidth: "50%",
maxWidth: "128px",
borderColor: colors.button_border, borderColor: colors.button_border,
borderStyle: "solid", borderStyle: "solid",
borderWidth: 2, borderWidth: "2px",
paddingBottom: "0", paddingBottom: 0,
paddingTop: "0", paddingTop: 0,
paddingRight: "5vw", paddingRight: "4px",
paddingLeft: "5vw", paddingLeft: "4px",
marginBottom: "0.5vh", marginBottom: "4px",
marginTop: "0.5vh", marginTop: "4px",
backgroundColor: backgroundColor:
props.type == "light" props.type == "light"
? clicked ? clicked
@ -52,7 +53,7 @@ export default function Button(props: props) {
: clicked : clicked
? styles.text_dark ? styles.text_dark
: styles.text_light), : styles.text_light),
...styles.text_M, ...styles.text_S,
}} }}
> >
{props.label} {props.label}