fix: update dark text color and fix responsive issues

Signed-off-by: Chloe <pinkcloudvnn@gmail.com>
This commit is contained in:
Chloe
2024-04-25 15:29:44 +07:00
parent 59c3f07beb
commit 3a3ff3798f
5 changed files with 15 additions and 11 deletions

View File

@@ -5,19 +5,21 @@ const SpecialOffer = () => {
return (
<>
<div className="mb-3 text-base font-medium tracking-tight">Special Offers</div>
<div className="flex flex-col space-y-2 pl-2 tracking-normal text-neutral-800">
<div className="flex flex-col space-y-2 pl-2 text-sm tracking-normal text-neutral-800 lg:text-base dark:text-white">
<p className="flex items-center gap-3">
<TruckIcon className="h-5 w-5 text-secondary" /> Flat Rate Shipping (Commercial Address)
<TruckIcon className="h-4 w-4 text-secondary lg:h-5 lg:w-5" /> Flat Rate Shipping
(Commercial Address)
</p>
<p className="flex items-center gap-3">
<ShieldCheckIcon className="h-5 w-5 text-secondary" /> Up to 5 Years Unlimited Miles
Warranty
<ShieldCheckIcon className="h-4 w-4 text-secondary lg:h-5 lg:w-5" /> Up to 5 Years
Unlimited Miles Warranty
</p>
<p className="flex items-center gap-3">
<UsersIcon className="h-5 w-5 text-secondary" /> Excellent Customer Support
<UsersIcon className="h-4 w-4 text-secondary lg:h-5 lg:w-5" /> Excellent Customer Support
</p>
<p className="flex items-center gap-3">
<CurrencyDollarIcon className="h-5 w-5 text-secondary" /> No Core Charge for 30 days
<CurrencyDollarIcon className="h-4 w-4 text-secondary lg:h-5 lg:w-5" /> No Core Charge for
30 days
</p>
</div>
</>