Minor changes

AdamKyle · Nov 1, 2024 · 46a34e2 · 46a34e2
1 parent bd901e9
commit 46a34e2
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 4 deletions.
diff --git a/resources/js/phoniex/components/actions/components/fight-section/health-bar.tsx b/resources/js/phoniex/components/actions/components/fight-section/health-bar.tsx
@@ -13,7 +13,6 @@ export default class HealthBar extends React.Component<HealthBarProps> {
     }
 
     fetchColor(): string {
-        console.log(this.props.health_bar_type);
         return match(this.props.health_bar_type)
             .with(HealthBarType.ENEMY, () => "bg-rose-600 dark:bg-rose-500")
             .with(

diff --git a/resources/js/phoniex/components/actions/components/fight-section/monster-top-section.tsx b/resources/js/phoniex/components/actions/components/fight-section/monster-top-section.tsx
@@ -25,7 +25,7 @@ export default class MonsterTopSection extends React.Component<MonsterTopSection
                     "
                 >
                     <button
-                        className="text-xl"
+                        className="text-xl transition-all duration-300 ease-in-out transform hover:scale-105 hover:text-gray-700 dark:hover:text-gray-500"
                         aria-label="Previous"
                         onClick={() => this.props.next_action(1)}
                     >
@@ -38,7 +38,7 @@ export default class MonsterTopSection extends React.Component<MonsterTopSection
                         {this.props.monster_name}
                     </span>
                     <button
-                        className="text-xl"
+                        className="text-xl transition-all duration-300 ease-in-out transform hover:scale-105 hover:text-gray-700 dark:hover:text-gray-500"
                         aria-label="Next"
                         onClick={() => this.props.prev_action(1)}
                     >

diff --git a/resources/js/phoniex/components/actions/components/icon-section/floating-card.tsx b/resources/js/phoniex/components/actions/components/icon-section/floating-card.tsx
@@ -10,7 +10,7 @@ export default class FloatingCard extends React.Component<FloatingCardProps> {
                         {this.props.title}
                     </h3>
                     <button
-                        className="p-0 bg-transparent border-none cursor-pointer"
+                        className="p-0 bg-transparent border-none cursor-pointer transition-all duration-300 ease-in-out transform hover:scale-105"
                         onClick={this.props.close_action}
                         aria-label="Close"
                     >