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

add: top bar icons, menu styling

Browse Source
This commit is contained in:
Mahyar Khanbolooki
2025-07-04 17:55:00 +03:30
parent 904f98e202
commit 5d29e42176
12 changed files with 142 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/menu/MenuItem.tsx
+4 -3
View File
@@ -6,13 +6,14 @@ type Props = {
title: string
} & LinkProps & React.AnchorHTMLAttributes<HTMLAnchorElement>
export default function MenuItem({ href, title, icon, className, ...restProps }: Props) {
export default function MenuItem({ href, title, icon, className, children, ...restProps }: Props) {
return (
<Link
{...restProps}
href={href}
className={`inline-flex gap-2 px-9 border-s-6 border-transparent text-disabled-text text-xs items-center font-light text-nowrap overflow-hidden h-6
data-[active]:border-s-6 data-[active]:border-black data-[active]:text-black ${className}`}>
className={`inline-flex gap-2 ps-8 border-transparent text-disabled-text text-xs items-center font-light text-nowrap overflow-hidden h-6
data-[active]:border-s-6 data-[active]:border-black data-[active]:text-black ${className}`}>
{children}
{icon}
<div>{title}</div>
</Link>