From a85be39ffae94b718e4fa8d46aec8a520fd576c5 Mon Sep 17 00:00:00 2001
From: Matt <matt@letsbe.solutions>
Date: Sun, 31 Aug 2025 16:48:53 +0200
Subject: [PATCH] Remove rotation animations from circular buttons on hover

- Removed rotate(5deg) from icon buttons hover state
- Removed rotate(5deg) from FAB buttons hover state
- Removed icon-hover-rotate mixin from nav items
- Keep scale animations but remove tilt/rotation effects

Buttons now scale without rotating for cleaner interaction
---
 assets/scss/main.scss | 4 ++--
 layouts/member.vue    | 1 -
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/assets/scss/main.scss b/assets/scss/main.scss
index d4cf44a..8a129f2 100644
--- a/assets/scss/main.scss
+++ b/assets/scss/main.scss
@@ -719,7 +719,7 @@ $ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);
     
     &:hover:not(:disabled) {
       @include glass-colored($monaco-red-600, 0.1, 10px);
-      transform: rotate(5deg) scale(1.1);
+      transform: scale(1.1);
     }
   }
   
@@ -730,7 +730,7 @@ $ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);
     box-shadow: $shadow-monaco;
     
     &:hover:not(:disabled) {
-      transform: translateY(-3px) rotate(5deg);
+      transform: translateY(-3px);
       box-shadow: $shadow-monaco-intense;
     }
   }
diff --git a/layouts/member.vue b/layouts/member.vue
index 1fb3f47..f313173 100644
--- a/layouts/member.vue
+++ b/layouts/member.vue
@@ -355,7 +355,6 @@ watch(width, (newWidth) => {
   position: relative;
   overflow: hidden;
   @include ripple-effect();
-  @include icon-hover-rotate(10deg);
   
   &:hover {
     background: linear-gradient(135deg,