From 3f6b9fbf9cc59d5ae20f9bda7c8fdf9f55d5675e Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 28 Feb 2024 22:56:15 +0200
Subject: user cards looking nicer now

---
 src/components/tab_switcher/tab.style.js | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

(limited to 'src/components/tab_switcher')

diff --git a/src/components/tab_switcher/tab.style.js b/src/components/tab_switcher/tab.style.js
index bf4a4ea5..eac8aaeb 100644
--- a/src/components/tab_switcher/tab.style.js
+++ b/src/components/tab_switcher/tab.style.js
@@ -3,7 +3,7 @@ export default {
   selector: '.tab', // CSS selector/prefix
   states: {
     active: '.active',
-    hover: ':hover:not(:disabled)',
+    hover: ':hover:not(.disabled)',
     disabled: '.disabled'
   },
   validInnerComponents: [
@@ -25,23 +25,22 @@ export default {
       }
     },
     {
-      state: ['hover', 'active'],
+      state: ['active'],
       directives: {
-        shadow: ['--defaultButtonShadow', '--defaultButtonBevel'],
         opacity: 0
       }
     },
     {
-      state: ['disabled'],
+      state: ['hover', 'active'],
       directives: {
-        background: '$blend(--inheritedBackground, 0.25, --parent)',
-        shadow: ['--defaultButtonBevel']
+        shadow: ['--defaultButtonShadow', '--defaultButtonBevel']
       }
     },
     {
-      state: ['active'],
+      state: ['disabled'],
       directives: {
-        opacity: 0
+        background: '$blend(--inheritedBackground, 0.25, --parent)',
+        shadow: ['--defaultButtonBevel']
       }
     },
     {
-- 
cgit v1.2.3-70-g09d2