ABSTRACT sidebar buttons

2025-05-30 14:58:29 +02:00
parent 1802659f43
commit e65bbf8e75
6 changed files with 55 additions and 32 deletions
--- a/frontend/src/components/buttons/MenuButton.tsx
+++ b/frontend/src/components/buttons/MenuButton.tsx
@@ -1,11 +1,12 @@
 import React from "react";
+import clsx from "clsx";

 type Props = React.ButtonHTMLAttributes<HTMLButtonElement>;

 const MenuButton: React.FC<Props> = ({ className = "", ...props }) => {
    return (
        <button
-            className={`text-gray-800 text-base px-3 py-2 rounded-lg hover:bg-gray-100 hover:text-black transition-colors duration-200 ${className}`}
+            className={clsx("p-2 rounded-lg hover:bg-gray-300 hover:text-black transition-colors duration-200", className)}
            {...props}
        />
    );