wind-explorer/ecoconnect
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed dark mode

Browse Source
This commit is contained in:
ZacTohZY
2024-08-12 23:30:12 +08:00
parent 911fe31e6b
commit 7ce3f74e67
1 changed files with 73 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

112
client/src/pages/SchedulePage.tsx
View File

@@ -160,47 +160,81 @@ export default function SchedulePage() {
))} ))}
</TableBody> </TableBody>
</Table> </Table>
<div className="flex flex-row gap-4">
<div className="flex-1 p-4"> <div className="flex flex-col gap-8">
<Card className="h-full bg-gray-50 border border-gray-200"> <div className="p-6 bg-red-50 dark:bg-primary-950 border border-primary-100 rounded-lg">
<CardBody> <p className="text-2xl font-bold">Pricing</p>
<p className="text-2xl font-semibold text-blue-600 mb-2">Paper</p> <div className="flex flex-row gap-4">
<p className="text-xl font-bold text-gray-800 mb-4">$0.05 to 0.20/KG</p> <div className="flex-1 p-4">
<ul className="list-disc list-inside pl-4 text-gray-700 list-none"> <Card className="h-full bg-white dark:bg-gray-800 shadow-md rounded-lg border border-gray-200 dark:border-gray-700">
<li>Cardboard ($0.20/kg)</li> <CardBody className="p-6">
<li>Newspaper and B&W ($0.11/kg)</li> <p className="text-2xl font-semibold text-gray-900 dark:text-gray-100 mb-2">Paper</p>
<li>Mix paper ($0.05/kg)</li> <p className="text-xl font-bold text-gray-800 dark:text-white mb-4">$0.05 to 0.20/KG</p>
</ul> <ul className="list-none pl-0 text-gray-700 dark:text-gray-300 space-y-2">
</CardBody> <li className="flex items-start">
</Card> <span className="inline-block w-2 h-2 mr-2 bg-gray-500 dark:bg-gray-400 rounded-full mt-1"></span>
</div> Cardboard ($0.20/kg)
<div className="flex-1 p-4"> </li>
<Card className="h-full bg-gray-50 border border-gray-200"> <li className="flex items-start">
<CardBody> <span className="inline-block w-2 h-2 mr-2 bg-gray-500 dark:bg-gray-400 rounded-full mt-1"></span>
<p className="text-2xl font-semibold text-green-600 mb-2">Electronics</p> Newspaper and B&W ($0.11/kg)
<p className="text-xl font-bold text-gray-800 mb-4">$2 to 50/KG</p> </li>
<ul className="list-disc list-inside pl-4 text-gray-700 list-none"> <li className="flex items-start">
<li>Flat TV ($5++)</li> <span className="inline-block w-2 h-2 mr-2 bg-gray-500 dark:bg-gray-400 rounded-full mt-1"></span>
<li>Laptop ($10++)</li> Mix paper ($0.05/kg)
<li>Smartphone ($10++)</li> </li>
</ul> </ul>
</CardBody> </CardBody>
</Card> </Card>
</div> </div>
<div className="flex-1 p-4"> <div className="flex-1 p-4">
<Card className="h-full bg-gray-50 border border-gray-200"> <Card className="h-full bg-white dark:bg-gray-800 shadow-md rounded-lg border border-gray-200 dark:border-gray-700">
<CardBody> <CardBody className="p-6">
<p className="text-2xl font-semibold text-red-600 mb-2">Clothes</p> <p className="text-2xl font-semibold text-gray-900 dark:text-gray-100 mb-2">Electronics</p>
<p className="text-xl font-bold text-gray-800 mb-4">$0.20/KG</p> <p className="text-xl font-bold text-gray-800 dark:text-white mb-4">$2 to 50/KG</p>
<ul className="list-disc list-inside pl-4 text-gray-700 list-none"> <ul className="list-none pl-0 text-gray-700 dark:text-gray-300 space-y-2">
<li>Shoe</li> <li className="flex items-start">
<li>Jewellery</li> <span className="inline-block w-2 h-2 mr-2 bg-gray-500 dark:bg-gray-400 rounded-full mt-1"></span>
<li>Bag</li> Flat TV ($5++)
</ul> </li>
</CardBody> <li className="flex items-start">
</Card> <span className="inline-block w-2 h-2 mr-2 bg-gray-500 dark:bg-gray-400 rounded-full mt-1"></span>
Laptop ($10++)
</li>
<li className="flex items-start">
<span className="inline-block w-2 h-2 mr-2 bg-gray-500 dark:bg-gray-400 rounded-full mt-1"></span>
Smartphone ($10++)
</li>
</ul>
</CardBody>
</Card>
</div>
<div className="flex-1 p-4">
<Card className="h-full bg-white dark:bg-gray-800 shadow-md rounded-lg border border-gray-200 dark:border-gray-700">
<CardBody className="p-6">
<p className="text-2xl font-semibold text-gray-900 dark:text-gray-100 mb-2">Clothes</p>
<p className="text-xl font-bold text-gray-800 dark:text-white mb-4">$0.20/KG</p>
<ul className="list-none pl-0 text-gray-700 dark:text-gray-300 space-y-2">
<li className="flex items-start">
<span className="inline-block w-2 h-2 mr-2 bg-gray-500 dark:bg-gray-400 rounded-full mt-1"></span>
Shoe
</li>
<li className="flex items-start">
<span className="inline-block w-2 h-2 mr-2 bg-gray-500 dark:bg-gray-400 rounded-full mt-1"></span>
Jewellery
</li>
<li className="flex items-start">
<span className="inline-block w-2 h-2 mr-2 bg-gray-500 dark:bg-gray-400 rounded-full mt-1"></span>
Bag
</li>
</ul>
</CardBody>
</Card>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
</div> </div>