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={{
width: "48px",
height: "48px",
color: "white",
color: "3fb860",
marginRight: "2px",
alignSelf: "center",
justifySelf: "center",
@ -96,7 +96,7 @@ export default function Drawer() {
style={{
width: "48px",
height: "48px",
color: "white",
color: "3fb860",
marginRight: "2px",
alignSelf: "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,
display: "flex",
flexDirection: "row",
}}
>
<div

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

@ -48,6 +48,7 @@ export default function Dashboard() {
alignItems: "center",
justifyContent: "center",
paddingTop: "64px",
},
}}
>
@ -66,7 +67,7 @@ export default function Dashboard() {
}
return (
<div style={styles.background}>
<Header label={"Dashboard"} />
<Header label={"Dashboard"} />
<RestrictedComponent allow_only={"Technician"}>
<TechnicianWidgets />
</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 }}>
CSM BORROWING
Gwapo
<br />
SYSTEM
Jophiel
</p>
<div style={{ ...styles.flex_column }}>
<Button

11
src/styles.tsx
View file

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