diff --git a/packages/frontend/package.json b/packages/frontend/package.json index 50301f0e..0c1a1af1 100644 --- a/packages/frontend/package.json +++ b/packages/frontend/package.json @@ -1,7 +1,7 @@ { "name": "@alphaday/frontend", "private": true, - "version": "2.0.0-rc2", + "version": "2.0.0", "type": "module", "scripts": { "prepare": "export VITE_COMMIT=$(git rev-parse --short HEAD)", diff --git a/packages/ui-kit/src/components/scrollbar/ScrollBar.tsx b/packages/ui-kit/src/components/scrollbar/ScrollBar.tsx index 39d4e4d0..4bdf2c14 100644 --- a/packages/ui-kit/src/components/scrollbar/ScrollBar.tsx +++ b/packages/ui-kit/src/components/scrollbar/ScrollBar.tsx @@ -13,6 +13,8 @@ export interface ScrollBarProps extends HTMLProps { onYReachEnd?: (container: HTMLElement) => void; } +const isTouchDevice = "ontouchstart" in window || navigator.maxTouchPoints > 0; + export const ScrollBar: FC = ({ children, onScroll, @@ -26,7 +28,8 @@ export const ScrollBar: FC = ({
ref && containerRef?.(ref)} className={twMerge( - "overflow-hidden overflow-y-auto scrollbar-track-backgroundVariant1800 scrollbar-thumb-primaryVariant800 scrollbar scrollbar-w-[5px] overscroll-contain h-full", + "overflow-hidden hover:none:text-blue hover:overflow-y-auto scrollbar-track-backgroundVariant1800 scrollbar-thumb-primaryVariant800 scrollbar scrollbar-w-[5px] overscroll-contain h-full", + isTouchDevice && "overflow-y-auto", className )} style={{ scrollbarGutter: "stable", ...style }} diff --git a/packages/ui-kit/src/components/switch/Switch.module.scss b/packages/ui-kit/src/components/switch/Switch.module.scss deleted file mode 100644 index 81b7657d..00000000 --- a/packages/ui-kit/src/components/switch/Switch.module.scss +++ /dev/null @@ -1,22 +0,0 @@ -.label { - input:checked + .slider:before { - -webkit-transform: translateX(61px); - -ms-transform: translateX(61px); - transform: translateX(61px); - } -} - -.disabled { - @apply text-primaryVariant300 pointer-events-none; - input:not(:checked) + .slider { - .option1 { - @apply bg-primaryVariant300; - } - } - - input:checked + .slider { - .option2 { - @apply bg-primaryVariant300; - } - } - } diff --git a/packages/ui-kit/src/components/switch/Switch.tsx b/packages/ui-kit/src/components/switch/Switch.tsx index 0d04c921..96133130 100644 --- a/packages/ui-kit/src/components/switch/Switch.tsx +++ b/packages/ui-kit/src/components/switch/Switch.tsx @@ -1,6 +1,5 @@ import { FC } from "react"; import { twMerge } from "tailwind-merge"; -import styles from "./Switch.module.scss"; export interface SwitchProps { options: [string, string]; @@ -27,7 +26,7 @@ export const Switch: FC = ({ aria-label={label} className={twMerge( "relative inline-block text-primary", - disabled ? styles.disabled : "", + disabled && "text-primaryVariant300 pointer-events-none", className )} {...restProps} @@ -44,7 +43,8 @@ export const Switch: FC = ({ {options[0]} @@ -52,7 +52,8 @@ export const Switch: FC = ({ {options[1]}