danak/dmenu-plus-front
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

fix: some dark theme styles

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
src/app/[name]/(Main)/[id]/page.tsx
+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>
src/app/[name]/(Profile)/profile/edit/page.tsx
+1 -1
View File
@@ -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") : "انتخاب کنید"}
src/components/button/PrimaryButton.tsx
+1 -1
View File
@@ -16,7 +16,7 @@ function Button({ children, className, disabled, pending, ...rest }: Props) {
disabled={disabled}
className={clsx(
className,
disabled ? 'bg-disabled text-disabled-text' : 'bg-primary text-background dark:text-foreground hover:bg-primary/60 active:brightness-110',
disabled ? 'bg-disabled text-disabled-text' : 'bg-primary text-white dark:text-foreground hover:bg-primary/90 active:brightness-110',
pending && 'bg-transparent! text-transparent! cursor-auto!',
'relative transition-all duration-200 cursor-pointer w-full rounded-normal p-3 font-normal text-sm overflow-clip'
)}
src/components/menu/SideMenu.tsx
+3 -3
View File
@@ -86,7 +86,7 @@ function SideMenu({ menuState, toggleMenuState, nightModeState, togglenightModeS
<section className="flex-1 overflow-y-scroll noscrollbar pt-20 pb-10 flex flex-col justify-between md:w-[160px] xl:w-[285px]">
<div className=''>
<header className="px-5 pt-6 mt-3 md:px-6 xl:px-12">
<h6 className="text-start font-bold text-sm text-menu-header mt-2 mb-[19px] dark:text-neutral-400">منو</h6>
<h6 className="text-start font-bold text-sm text-menu-header mt-2 mb-[19px] dark:text-disabled-text">منو</h6>
</header>
<nav aria-label={tMenu('NavAriaLabel')}>
@@ -111,7 +111,7 @@ function SideMenu({ menuState, toggleMenuState, nightModeState, togglenightModeS
<Icon
variant={isActive ? 'Bold' : 'Linear'}
className={clsx(
isActive ? 'text-primary fill-primary dark:text-neutral-200 dark:fill-neutral-200' : 'stroke-neutral-400 text-neutral-400'
isActive ? 'text-primary fill-primary dark:text-neutral-200 dark:fill-neutral-200' : 'stroke-icon-deactive text-icon-deactive'
)}
size={20} width={20} height={20} />
}
@@ -146,7 +146,7 @@ function SideMenu({ menuState, toggleMenuState, nightModeState, togglenightModeS
<Icon
variant={isActive ? 'Bold' : 'Linear'}
className={clsx(
isActive ? 'text-primary fill-primary dark:text-neutral-200 dark:fill-neutral-200' : 'stroke-neutral-400 text-neutral-400'
isActive ? 'text-primary fill-primary dark:text-neutral-200 dark:fill-neutral-200' : 'stroke-icon-deactive text-icon-deactive'
)}
size={20} width={20} height={20} />