fix: some dark theme styles
This commit is contained in:
@@ -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") : "انتخاب کنید"}
|
||||
|
||||
Reference in New Issue
Block a user