From bd5f7388b858e52b3e6c1a2946509aef4f4c8b15 Mon Sep 17 00:00:00 2001 From: Filip Rojek Date: Sun, 5 May 2024 18:46:02 +0200 Subject: [PATCH] Login screen design done --- frontend/assets/deguapp_logo.png | Bin 0 -> 17181 bytes frontend/components/Button.js | 12 +++- frontend/components/style.js | 1 + frontend/screens/Login.js | 94 +++++++++++++++++++++---------- 4 files changed, 75 insertions(+), 32 deletions(-) create mode 100644 frontend/assets/deguapp_logo.png diff --git a/frontend/assets/deguapp_logo.png b/frontend/assets/deguapp_logo.png new file mode 100644 index 0000000000000000000000000000000000000000..a2cfd0651606d0734c1a80213bba0af7bf3a0b28 GIT binary patch literal 17181 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 literal 0 HcmV?d00001 diff --git a/frontend/components/Button.js b/frontend/components/Button.js index 624dcc3..93199d2 100644 --- a/frontend/components/Button.js +++ b/frontend/components/Button.js @@ -5,7 +5,16 @@ export default function Button(props) { const { onPress, title = "Save", color = "black" } = props; return ( [ + { + backgroundColor: pressed + ? "rgb(210, 230, 255 )" + : color + ? color + : "black", + }, + styles.button, + ]} onPress={onPress} > {title} @@ -21,7 +30,6 @@ const styles = StyleSheet.create({ paddingHorizontal: 32, borderRadius: 4, elevation: 3, - backgroundColor: "black", }, text: { fontSize: 16, diff --git a/frontend/components/style.js b/frontend/components/style.js index e47df1f..5da40b5 100644 --- a/frontend/components/style.js +++ b/frontend/components/style.js @@ -1,5 +1,6 @@ export const colors = { gold: "#FFD700ff", + gold: "#ffa500", brown: "#8B4513ff", green: "#228B22ff", charcoal: "#2C3E50ff", diff --git a/frontend/screens/Login.js b/frontend/screens/Login.js index b6a3300..8081d33 100644 --- a/frontend/screens/Login.js +++ b/frontend/screens/Login.js @@ -4,6 +4,7 @@ import { TextInput, View, Text, + Image, } from "react-native"; import Button from "../components/Button"; import { colors } from "../components/style"; @@ -11,27 +12,46 @@ import { colors } from "../components/style"; export function LoginForm() { return ( - Please Log In - - - -