Fixed sidebar buttons not scaling properly

This commit is contained in:
keannu125 2023-03-07 17:24:08 +08:00
parent 1efa8377dd
commit 44bc211e4b

View file

@ -104,8 +104,8 @@ const styles: { [key: string]: React.CSSProperties } = {
}, },
logout_button: { logout_button: {
backgroundColor: "#0b2322", backgroundColor: "#0b2322",
width: "30vh", width: "14rem",
height: "6vh", height: "3rem",
border: "none", border: "none",
padding: 8, padding: 8,
borderRadius: 16, borderRadius: 16,
@ -117,8 +117,8 @@ const styles: { [key: string]: React.CSSProperties } = {
}, },
sidebar_button: { sidebar_button: {
backgroundColor: "#0b2322", backgroundColor: "#0b2322",
width: "30vh", width: "14rem",
height: "6vh", height: "3rem",
border: "none", border: "none",
padding: 8, padding: 8,
paddingRight: "32", paddingRight: "32",
@ -169,7 +169,7 @@ const styles: { [key: string]: React.CSSProperties } = {
sidebar_container: { sidebar_container: {
height: "100vh", height: "100vh",
width: "100%", width: "100%",
paddingLeft: "2vh", paddingLeft: "2rem",
backgroundColor: "#3d4848", backgroundColor: "#3d4848",
}, },
}; };