logo added, offblack added, background of header eggshell

the-collab-lab · Apr 4, 2024 · b1fc849 · b1fc849
1 parent 13b4aab
commit b1fc849
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/src/index.css b/src/index.css
@@ -60,7 +60,6 @@ html {
 
 body {
 	background-color: var(--color-bg);
-	color: var(--color-text);
 	font-family:
 		-apple-system,
 		BlinkMacSystemFont,

diff --git a/src/views/Layout.jsx b/src/views/Layout.jsx
@@ -4,14 +4,18 @@ import { IoHome, IoList, IoCreate } from 'react-icons/io5';
 import './Layout.css';
 import { auth } from '../api/config.js';
 import { useAuth, SignInButton, SignOutButton } from '../api/useAuth.jsx';
+import buddyLogo from '../../public/img/basket-buddy-logo.png';
 
 export function Layout() {
 	const { user } = useAuth();
 	return (
 		<>
 			<div className="Layout">
-				<header className="Layout-header bg-brown">
-					<h1>Smart shopping list</h1>
+				<header
+					className="Layout-header flex flex-col items-center  bg-eggshell
+				text-off-black"
+				>
+					<img className="md:w-1/3" src={buddyLogo} alt="Basket Buddy" />
 					{!!user ? (
 						<div>
 							<span>Signed in as {auth.currentUser.displayName}</span>

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -12,6 +12,7 @@ export default {
 			yellow: '#FEFAE0',
 			vanilla: '#FAEDCD',
 			'pale-green': '#E9EDC9',
+			'off-black': '#353839',
 		},
 		extend: {
 			fontFamily: {