Merge pull request #33 from aL0NEW0LF/main

embassy-collective · Aug 27, 2023 · fb5c23e · fb5c23e
2 parents 70ef9ec + 1ff4a7a
commit fb5c23e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/components/atoms/switch.tsx b/src/components/atoms/switch.tsx
@@ -17,7 +17,9 @@ const Switch = React.forwardRef<
   >
     <SwitchPrimitives.Thumb
       className={cn(
-        'pointer-events-none block h-4 w-4 rounded-full bg-accent shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0'
+        'pointer-events-none block h-4 w-4 rounded-full bg-accent shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0',
+
+        'rtl:translate-x-[-24px] data-[state=checked]:rtl:translate-x-[-15px] data-[state=unchecked]:rtl:translate-x-[0]'
       )}
     />
   </SwitchPrimitives.Root>

diff --git a/src/pages/settings.tsx b/src/pages/settings.tsx
@@ -20,6 +20,7 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '.
 import { Switch } from '../components/atoms/switch';
 import VolumeLevel from '../components/atoms/volume-level';
 import Layout from '../components/templates/layout';
+import '../assets/css/settings.css';
 
 const SettingsForm = () => {
   const { setPreviewTheme } = useTheme();