araemer/recipe-app
1
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages Wiki Activity Actions

Add StickyHeader Component and introduce clsx for merging tailwind classNames

Browse source
This commit is contained in:
araemer 2025-10-25 18:10:56 +02:00
parent 7ffda11a34
commit db23d06fb2
14 changed files with 115 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/components/basics/CircularIconButton.tsx
View file

@ -1,6 +1,7 @@
import {defaultIconSize} from "./SvgIcon";
import type {LucideIcon} from "lucide-react";
import {ButtonType} from "./BasicButtonDefinitions.ts";
import clsx from "clsx";
type CircularIconButtonProps = {
icon: LucideIcon;
@ -21,8 +22,10 @@ export default function CircularIconButton({
}: CircularIconButtonProps) {
return (
<button
className={`flex-shrink-0 w-7 h-7 rounded-full text-white flex items-center justify-center shadow-sm
${ButtonType.PrimaryButton.backgroundColor} ${className}`}
className={clsx(
"flex-shrink-0 w-7 h-7 rounded-full text-white flex items-center justify-center shadow-sm",
ButtonType.PrimaryButton.backgroundColor,
className)}
onClick={onClick}
disabled={disabled}
{...props}