reya/lume
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: polish some components

Browse Source
This commit is contained in:
reya
2023-12-30 09:02:39 +07:00
parent 55d6318614
commit ddbbcf41b5
11 changed files with 44 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
packages/ui/src/navigation.tsx
View File

@@ -10,8 +10,8 @@ import {
RelayIcon,
SearchIcon,
} from "@lume/icons";
import { cn } from "@lume/utils";
import { Link, NavLink } from "react-router-dom";
import { twMerge } from "tailwind-merge";
import { ActiveAccount } from "./account/active";
export function Navigation() {
@@ -26,7 +26,7 @@ export function Navigation() {
{({ isActive }) => (
<>
<div
className={twMerge(
className={cn(
"inline-flex aspect-square h-auto w-full items-center justify-center rounded-xl",
isActive
? "bg-black/10 text-black dark:bg-white/10 dark:text-white"
@@ -40,7 +40,7 @@ export function Navigation() {
)}
</div>
<div
className={twMerge(
className={cn(
"text-sm",
isActive
? "font-semibold text-black dark:text-white"
@@ -60,7 +60,7 @@ export function Navigation() {
{({ isActive }) => (
<>
<div
className={twMerge(
className={cn(
"inline-flex aspect-square h-auto w-full items-center justify-center rounded-xl",
isActive
? "bg-black/10 text-black dark:bg-white/10 dark:text-white"
@@ -74,7 +74,7 @@ export function Navigation() {
)}
</div>
<div
className={twMerge(
className={cn(
"text-sm",
isActive
? "font-semibold text-black dark:text-white"
@@ -94,7 +94,7 @@ export function Navigation() {
{({ isActive }) => (
<>
<div
className={twMerge(
className={cn(
"inline-flex aspect-square h-auto w-full items-center justify-center rounded-xl",
isActive
? "bg-black/10 text-black dark:bg-white/10 dark:text-white"
@@ -108,7 +108,7 @@ export function Navigation() {
)}
</div>
<div
className={twMerge(
className={cn(
"text-sm",
isActive
? "font-semibold text-black dark:text-white"
@@ -128,7 +128,7 @@ export function Navigation() {
{({ isActive }) => (
<>
<div
className={twMerge(
className={cn(
"inline-flex aspect-square h-auto w-full items-center justify-center rounded-xl",
isActive
? "bg-black/10 text-black dark:bg-white/10 dark:text-white"
@@ -142,7 +142,7 @@ export function Navigation() {
)}
</div>
<div
className={twMerge(
className={cn(
"text-sm",
isActive
? "font-semibold text-black dark:text-white"