Improve active states for admin tabs and filters

2026-02-04 08:44:50 +01:00
parent eecb1a5b85
commit 93ae23fd0a
7 changed files with 178 additions and 91 deletions
--- a/resources/js/admin/mobile/EventTasksPage.tsx
+++ b/resources/js/admin/mobile/EventTasksPage.tsx
@@ -1190,8 +1190,11 @@ export default function MobileEventTasksPage() {
                      justifyContent="center"
                      borderRightWidth={index === arr.length - 1 ? 0 : 1}
                      borderRightColor={border}
+                      hoverStyle={{ backgroundColor: '$backgroundHover' }}
+                      pressStyle={{ backgroundColor: '$backgroundPress' }}
+                      activeStyle={{ backgroundColor: '$backgroundPress' }}
                    >
-                      <Text fontSize="$sm" fontWeight={isActive ? '700' : '600'}>
+                      <Text fontSize="$sm" fontWeight={isActive ? '700' : '600'} color={isActive ? text : muted}>
                        {tab.label}
                      </Text>
                    </Tabs.Tab>