FAB button gets circular when rotating

2025-12-16 22:29:33 +02:00
parent dd027e1615
commit 46752e0f35
2 changed files with 1 additions and 1 deletions
--- a/src/components/Plans.tsx
+++ b/src/components/Plans.tsx
@@ -757,7 +757,7 @@ const Plans: React.FC<PlansProps> = ({ lang }) => {
        <button
          onClick={() => setFabMenuOpen(!fabMenuOpen)}
          aria-label="Create Plan"
-          className={`w-14 h-14 bg-primary-container text-on-primary-container rounded-[16px] shadow-elevation-3 flex items-center justify-center hover:bg-primary hover:text-on-primary transition-all ${fabMenuOpen ? 'rotate-45' : ''}`}
+          className={`w-14 h-14 bg-primary-container text-on-primary-container shadow-elevation-3 flex items-center justify-center hover:bg-primary hover:text-on-primary transition-all duration-200 ${fabMenuOpen ? 'rotate-45 rounded-[28px]' : 'rotate-0 rounded-[16px]'}`}
        >
          <Plus size={28} />
        </button>