keannu125/Borrowing-TrackerFrontend
1
0
Fork 0
mirror of https://github.com/lemeow125/Borrowing-TrackerFrontend.git synced 2024-11-17 06:19:27 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

color changes

Browse source
This commit is contained in:
Prince Kurt Laurence 2023-12-14 18:09:44 +08:00
parent 96c8f9a150
commit fafde17266
5 changed files with 13 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/Components/Drawer/Drawer.tsx
View file

@ -65,7 +65,7 @@ export default function Drawer() {
style={{ style={{
width: "48px", width: "48px",
height: "48px", height: "48px",
color: "white", color: "3fb860",
marginRight: "2px", marginRight: "2px",
alignSelf: "center", alignSelf: "center",
justifySelf: "center", justifySelf: "center",
@ -96,7 +96,7 @@ export default function Drawer() {
style={{ style={{
width: "48px", width: "48px",
height: "48px", height: "48px",
color: "white", color: "3fb860",
marginRight: "2px", marginRight: "2px",
alignSelf: "center", alignSelf: "center",
justifySelf: "center", justifySelf: "center",

1
src/Components/Header/Header.tsx
View file

@ -18,6 +18,7 @@ export default function Header(props: props) {
backgroundColor: colors.header_color, backgroundColor: colors.header_color,
display: "flex", display: "flex",
flexDirection: "row", flexDirection: "row",
}} }}
> >
<div <div

3
src/Pages/DashboardPage/DashboardPage.tsx
View file

@ -48,6 +48,7 @@ export default function Dashboard() {
alignItems: "center", alignItems: "center",
justifyContent: "center", justifyContent: "center",
paddingTop: "64px", paddingTop: "64px",
}, },
}} }}
> >
@ -66,7 +67,7 @@ export default function Dashboard() {
} }
return ( return (
<div style={styles.background}> <div style={styles.background}>
<Header label={"Dashboard"} /> <Header label={"Dashboard"} />
<RestrictedComponent allow_only={"Technician"}> <RestrictedComponent allow_only={"Technician"}>
<TechnicianWidgets /> <TechnicianWidgets />
</RestrictedComponent> </RestrictedComponent>

4
src/Pages/LandingPage/LandingPage.tsx
View file

@ -63,9 +63,9 @@ export default function LandingPage() {
}} }}
> >
<p style={{ ...styles.text_dark, ...styles.text_L }}> <p style={{ ...styles.text_dark, ...styles.text_L }}>
CSM BORROWING Gwapo
<br /> <br />
SYSTEM Jophiel
</p> </p>
<div style={{ ...styles.flex_column }}> <div style={{ ...styles.flex_column }}>
<Button <Button

11
src/styles.tsx
View file

@ -1,11 +1,11 @@
export const colors = { export const colors = {
background: "#FFFFFF", background: "#FFFFFF",
header_color: "#141762", header_color: "#b2dfab",
font_dark: "#141762", font_dark: "#2e482e",
font_light: "#FFFFFF", font_light: "#0e410d",
button_dark: "#141762", button_dark: "#92b88d",
button_light: "#FFFFFF", button_light: "#FFFFFF",
button_border: "#141762", button_border: "#b2dfab",
red: "#a44141", red: "#a44141",
orange: "#c57331", orange: "#c57331",
green: "#80b28a", green: "#80b28a",
@ -25,6 +25,7 @@ const styles: { [key: string]: React.CSSProperties } = {
text_dark: { text_dark: {
color: colors.font_dark, color: colors.font_dark,
fontWeight: "bold", fontWeight: "bold",
}, },
text_light: { text_light: {
color: colors.font_light, color: colors.font_light,