just enchanced slider (#127)

csci-499-sp24 · May 15, 2024 · 35cb512 · 35cb512
1 parent 8a9632e
commit 35cb512
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/client/components/checkbox.jsx b/client/components/checkbox.jsx
@@ -13,7 +13,7 @@ const NextCheckbox = ({ defaultChecked, onChange }) => {
   return (
     <label className="relative inline-flex cursor-pointer items-center">
       <input type="checkbox" value="" checked={isCustomSelected} className="peer sr-only" onChange={handleCheckboxChange} />
-      <div className={`peer flex h-8 items-center gap-4 rounded-full bg-orange-600 px-3 ${isCustomSelected ? 'peer-checked:bg-stone-600 peer-checked:after:translate-x-full' : ''} after:absolute after:left-1 after: after:h-6 after:w-20 after:rounded-full after:bg-white/40 after:transition-all after:content-[''] peer-focus:outline-none dark:border-slate-600 dark:bg-slate-700 text-sm text-white`}>
+      <div className={`peer flex h-8 items-center gap-4 rounded-full bg-orange-600 px-3 ${isCustomSelected ? 'peer-checked:bg-stone-600 peer-checked:after:translate-x-full' : ''} after:absolute after:left-1 after: after:h-7 after:w-20 after:rounded-full after:bg-white/40 after:transition-all after:content-[''] peer-focus:outline-none dark:border-slate-600 dark:bg-slate-700 text-sm text-white`}>
         <span>Pretrained</span>
         <span>Custom</span>
       </div>