style: added styles

the-collab-lab · Apr 22, 2024 · 388f12e · 388f12e
1 parent 5466dd8
commit 388f12e
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/views/List.jsx b/src/views/List.jsx
@@ -59,12 +59,16 @@ export function List({ data, listPath }) {
 		<div className="mt-10 flex justify-center">
 			{data.length < 1 ? (
 				<div className="welcome-prompt">
-					<h2>Welcome to Your List!</h2>
-					<p>
+					<h2 className="text-black">Welcome to Your List!</h2>
+					<p className="text-black">
 						Ready to start your list? Click on the button below to add your very
 						first item.
 					</p>
-					<button onClick={() => navigate('/manage-list')} type="button">
+					<button
+						onClick={() => navigate('/manage-list')}
+						type="button"
+						className="bg-blue-500 text-white font-bold py-2 px-4 rounded-md mt-4"
+					>
 						Add Item
 					</button>
 				</div>