chore: change a few styles

2025-07-11 22:18:36 +03:30
parent 09bfd832d4
commit 9a551f1518
6 changed files with 31 additions and 29 deletions
@@ -0,0 +1,21 @@
+import Link, { LinkProps } from 'next/link'
+import React from 'react'
+
+type Props = {
+    icon: React.ReactElement
+    title: string
+} & LinkProps & React.AnchorHTMLAttributes<HTMLAnchorElement>
+
+export default function SideMenuItem({ href, title, icon, className, children, ...restProps }: Props) {
+    return (
+        <Link
+            {...restProps}
+            href={href}
+            className={`inline-flex gap-2 ps-8 border-transparent text-disabled-text text-[0.7rem] 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>
+    )
+}