fix: some dark theme styles

This commit is contained in:
Mahyar Khanbolooki
2025-08-12 23:43:06 +03:30
parent 7b2eae1a21
commit 289fb05a92
4 changed files with 14 additions and 13 deletions
+9 -8
View File
@@ -2,6 +2,7 @@
import MinusIcon from '@/components/icons/MinusIcon'
import PlusIcon from '@/components/icons/PlusIcon'
import { ef } from '@/lib/helpers/utfNumbers'
import { useReceiptStore } from '@/zustand/receiptStore'
import { motion } from 'framer-motion'
import { ArrowLeft, Clock, Cup, Heart, TruckTick } from 'iconsax-react'
@@ -39,24 +40,24 @@ function FoodPage({ }: Props) {
</div>
</div>
<div className="relative px-6 pt-6 pb-7.5 lg:flex lg:flex-col lg:justify-center bg-white w-full rounded-3xl overflow-hidden not-lg:-translate-y-6 lg:rounded-l-none">
<div className="relative px-6 pt-6 pb-7.5 lg:flex lg:flex-col lg:justify-center bg-container w-full rounded-3xl overflow-hidden not-lg:-translate-y-6 lg:rounded-l-none">
<div className="w-full inline-flex justify-between items-center">
<h5 className="text-base font-bold">
کباب چوبی مخصوص
</h5>
<button className='p-2 bg-[#EAECF0] rounded-lg'>
<Heart size={24} className='fill-black' />
<button className='p-2 bg-[#EAECF0] dark:bg-neutral-600 rounded-lg'>
<Heart variant='Bold' size={24} className='fill-black dark:fill-foreground' />
</button>
</div>
<div className="mt-4 text-xs">
<div className='flex items-center gap-1'>
<Clock size={14} className='stroke-disabled-text' />
<span className='text-disabled-text'>زمان پخت و آماده سازی: 25 دقیقه</span>
<span className='text-disabled-text'>زمان پخت و آماده سازی: {ef('25')} دقیقه</span>
</div>
<div className='flex items-center gap-2 mt-2'>
<Cup size={14} className='stroke-disabled-text' />
<span className='text-disabled-text'>1500 امتیاز برای هر بار خرید</span>
<span className='text-disabled-text'>{ef('1500')} امتیاز برای هر بار خرید</span>
</div>
<div className='flex items-center gap-2 mt-2'>
<TruckTick size={14} className='stroke-disabled-text' />
@@ -81,13 +82,13 @@ function FoodPage({ }: Props) {
className="inline-flex w-full justify-center items-center gap-2"
>
<PlusIcon />
<span className="text-sm2 pt-0.5 font-medium">افزودن</span>
<span className="text-sm2 pt-0.5 font-normal">افزودن</span>
</button>
) : (
<>
<button
onClick={() => increment(0)}
className="bg-white hover:bg-white/60 active:bg-white/30 rounded-sm p-2"
className="bg-container hover:bg-container/60 active:bg-container/30 rounded-sm p-2"
>
<PlusIcon />
</button>
@@ -102,7 +103,7 @@ function FoodPage({ }: Props) {
</motion.div>
<button
onClick={() => decrement(0)}
className="bg-white hover:bg-white/60 active:bg-white/30 rounded-sm p-2"
className="bg-container hover:bg-container/60 active:bg-container/30 rounded-sm p-2"
>
<MinusIcon />
</button>
@@ -119,7 +119,7 @@ function ProfileIndex({ }: Props) {
<ShadButton
variant="outline"
id="date"
className="w-full bg-container dark:text-border justify-between font-normal relative h-11 rounded-normal hover:bg-white"
className="w-full bg-container text-border dark:text-border justify-between font-normal relative h-11 rounded-normal hover:bg-white"
>
<div className='text-foreground'>
{dateOfBirth ? dateLib.format(dateOfBirth, "yyyy/MM/dd") : "انتخاب کنید"}