iBoss/bolt-diy
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

added backdrop and loading screen

Browse Source
This commit is contained in:
Anirban Kar
2024-12-08 22:53:20 +05:30
parent 9f002279b6
commit b304749b21
4 changed files with 81 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/components/ui/SettingsSlider.tsx
View File

@@ -27,7 +27,7 @@ export const SettingsSlider = memo(<T,>({ selected, options, setSelected }: Sett
<motion.div
className={classNames(
'settings-slider__thumb',
isLeftSelected ? 'settings-slider__thumb--left' : 'settings-slider__thumb--right'
isLeftSelected ? 'settings-slider__thumb--left' : 'settings-slider__thumb--right',
)}
initial={false}
animate={{
@@ -44,7 +44,7 @@ export const SettingsSlider = memo(<T,>({ selected, options, setSelected }: Sett
onClick={() => setSelected?.(options.left.value)}
className={classNames(
'settings-slider__button',
isLeftSelected ? 'settings-slider__button--selected' : 'settings-slider__button--unselected'
isLeftSelected ? 'settings-slider__button--selected' : 'settings-slider__button--unselected',
)}
>
{options.left.text}
@@ -53,7 +53,7 @@ export const SettingsSlider = memo(<T,>({ selected, options, setSelected }: Sett
onClick={() => setSelected?.(options.right.value)}
className={classNames(
'settings-slider__button',
!isLeftSelected ? 'settings-slider__button--selected' : 'settings-slider__button--unselected'
!isLeftSelected ? 'settings-slider__button--selected' : 'settings-slider__button--unselected',
)}
>
{options.right.text}