fix(tab-header): 修复导航按钮的鼠标样式不正确的bug (#11)

sinouiincubator · Oct 31, 2019 · 4acdab5 · 4acdab5
1 parent d39dd28
commit 4acdab5
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/tab-header/TabHeaderScrollButton.tsx b/src/components/tab-header/TabHeaderScrollButton.tsx
@@ -3,7 +3,7 @@ import styled from 'styled-components';
 import { useRipple } from '@sinoui/ripple';
 import breakpoint from 'styled-components-breakpoint';
 
-const TabHeaderScrollButtonWrapper = styled.div`
+const TabHeaderScrollButtonWrapper = styled.div<any>`
   width: 40px;
   overflow: hidden;
   position: relative;
@@ -12,11 +12,14 @@ const TabHeaderScrollButtonWrapper = styled.div`
   align-items: center;
   justify-content: center;
   color: ${(props) => props.theme.palette.text.primary};
+  cursor: pointer;
 
   display: none;
   ${breakpoint('sm')`
     display: inline-flex;
   `}
+
+  ${(props) => props.disabled && `cursor:default;`};
 `;
 
 /**
@@ -36,6 +39,7 @@ function TabHeaderScrollButton(
       ref={ref}
       className="sinoui-tab-header-scroll-button"
       aria-disabled={disabled}
+      disabled={disabled}
     >
       {disabled ? null : children}
     </TabHeaderScrollButtonWrapper>