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

fix design bug

Browse Source
This commit is contained in:
hamid zarghami
2025-12-24 11:32:29 +03:30
parent 4c4431198e
commit 26d11db1d4
15 changed files with 134 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/navigation/BottomNavBar.tsx
+6 -6
View File
@@ -84,10 +84,10 @@ function BottomNavBar({ onPagerClick }: BottomNavBarProps) {
{onPagerClick ? (
<button
onClick={onPagerClick}
className="flex flex-col justify-arround items-center gap-[5px] text-primary pointer-events-auto **:stroke-primary"
className="flex flex-col justify-arround items-center gap-[5px] text-primary pointer-events-auto **:stroke-primary dark:text-white dark:**:stroke-white"
>
<PagerIcon width={20} height={20} />
<span className="text-xs2">
<span className="text-xs2 dark:text-white">
{t('Pager')}
</span>
</button>
@@ -99,7 +99,7 @@ function BottomNavBar({ onPagerClick }: BottomNavBarProps) {
icon={
<HomeIcon
className={clsx(
'transition-all duration-200 stroke-primary'
'transition-all duration-200 stroke-primary dark:stroke-white dark:text-white'
)}
fill="white"
stroke="currentColor"
@@ -110,10 +110,10 @@ function BottomNavBar({ onPagerClick }: BottomNavBarProps) {
<Link
href={`/${name}/about`}
className={clsx(
'flex flex-col justify-arround items-center gap-[5px] text-primary pointer-events-auto **:stroke-primary min-w-0'
'flex flex-col justify-arround items-center gap-[5px] text-primary pointer-events-auto **:stroke-primary min-w-0 dark:text-white dark:**:stroke-white'
)}
>
<div className="shrink-0 text-primary">
<div className="shrink-0 text-primary dark:text-white">
<Building
key={`building-${buildingVariant}-${isAboutRoute}`}
size={20}
@@ -122,7 +122,7 @@ function BottomNavBar({ onPagerClick }: BottomNavBarProps) {
className='stroke-0'
/>
</div>
<span className="text-xs2 text-center truncate w-full">
<span className="text-xs2 text-center truncate w-full dark:text-white">
{t('about')}
</span>
</Link>