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