Merge pull request #41 from the-collab-lab/glassFeature

ui updates
the-collab-lab · Apr 7, 2024 · 420b42d · 420b42d
2 parents 152e7cd + 57376df
commit 420b42d
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/src/components/ListItem.jsx b/src/components/ListItem.jsx
@@ -86,15 +86,15 @@ export function ListItem({ id, listPath, itemData, timeNow }) {
 	};
 
 	return (
-		<li className="flex gap-10">
+		<li className="flex justify-between gap-10">
 			<label htmlFor={name} className="flex items-center gap-2">
 				<Checkbox
 					size="3"
 					name="name"
 					onChange={setItemPurchased}
 					checked={itemChecked}
 				/>
-				<p className={`${itemChecked ? 'line-through text-white/50' : ''}`}>
+				<p className={`${itemChecked ? 'line-through text-black/70' : ''}`}>
 					{name}
 				</p>
 				{itemChecked ? (

diff --git a/src/views/Layout.jsx b/src/views/Layout.jsx
@@ -19,7 +19,7 @@ export function Layout() {
 		<>
 			<div className="Layout">
 				<header className="Layout-header">
-					<div className="login-user">
+					<div className="login-user text-black/70">
 						{!user ? (
 							<div className="flex justify-end gap-5 items-center">
 								<FaUser />
@@ -54,7 +54,7 @@ export function Layout() {
 					</div>
 				</nav>
 				<main className="Layout-main">
-					<h1 className="my-3 text-center font-extrabold text-4xl pb-9 capitalize text-black dark:text-white">
+					<h1 className="text-black my-3 text-center font-extrabold text-4xl pb-9 capitalize">
 						{localStorage.getItem('list') || 'No list selected'}
 					</h1>
 					<Outlet />

diff --git a/src/views/List.jsx b/src/views/List.jsx
@@ -69,7 +69,7 @@ export function List({ data, listPath }) {
 					</button>
 				</div>
 			) : (
-				<div>
+				<div className="home">
 					<form className="flex flex-col md:flex-row items-center gap-5">
 						<div>
 							<label htmlFor="search">Search: </label>

diff --git a/src/views/ManageList.jsx b/src/views/ManageList.jsx
@@ -79,7 +79,7 @@ export function ManageList({ listPath, userId, existingItems }) {
 	};
 
 	return (
-		<div className="manage-list flex items-center gap-10">
+		<div className="manage-list flex items-center gap-10 text-black">
 			<form className="add-item h-96 w-auto" onSubmit={handleItemSubmit}>
 				<h1 className="text-4xl my-5">Add List Item</h1>
 				<div className="flex gap-2">