chore: show key option descriptions & improve style

2023-09-13 00:10:32 +05:30
parent 464af45b50
commit 9157dc1364
3 changed files with 51 additions and 38 deletions
--- a/packages/web/src/javascripts/Components/Radio/StyledRadioInput.tsx
+++ b/packages/web/src/javascripts/Components/Radio/StyledRadioInput.tsx
@@ -4,10 +4,10 @@ import RadioIndicator from './RadioIndicator'

 type Props = ComponentPropsWithoutRef<'input'>

-const StyledRadioInput = (props: Props) => {
+const StyledRadioInput = ({ className, ...props }: Props) => {
  return (
-    <div className="flex">
-      <input type="radio" className={classNames('h-0 w-0 opacity-0', props.className)} {...props} />
+    <div className={classNames('flex', className)}>
+      <input type="radio" className="h-0 w-0 opacity-0" {...props} />
      <RadioIndicator checked={!!props.checked} />
    </div>
  )