Fix/shared form components

src/features/login/modal/login.tsx

@@ -176,17 +176,6 @@ export default function LoginModal() {
                       </InputRightElement>
                     </InputGroup>
                   </Flex>
-                  {/* <Flex flexDir="column">
-                      <Box border="1px solid" bg="blackAlpha.50" borderColor="gray.900" borderRadius="md" p="4">
-                        <Text fontSize="smaller" align="left">
-                          Se precisar de ajuda, entre em{" "}
-                          <Text as="a" href="#" textDecoration="underline" fontWeight="medium" color="gray.600">
-                            contato conosco
-                          </Text>
-                          .
-                        </Text>
-                      </Box>
-                    </Flex> */}
                   <Flex flexDir="column" alignItems="center">
                     <ReCAPTCHA
                       ref={recaptchaRef}
@@ -207,7 +196,7 @@ export default function LoginModal() {
                   color={primaryTextColor}
                   _hover={{ bg: "green.600" }}
                   fontWeight="bold"
-                  size={["md", "lg"]}
+                  size={["sm", "md"]}
                   isLoading={isSubmitting || isExecutingRecaptcha}
                   loadingText={isExecutingRecaptcha ? "Verificando..." : "Entrando..."}
                 >
@@ -233,7 +222,7 @@ export default function LoginModal() {
                 variant="ghost"
                 color={textSecondaryButton}
                 fontWeight="bold"
-                size={["md", "lg"]}
+                size={["sm", "md"]}
                 w="100%"
                 onClick={() => router.push("/auth/signup")}
               >

src/features/user/edit/index.tsx

@@ -168,6 +168,7 @@ export function UserEdit() {
                 {...register("instagram_url")}
                 error={errors.instagram_url}
                 isInvalid={isError}
+                size="md"
               />
               <Input
                 isInputGroup
@@ -177,6 +178,7 @@ export function UserEdit() {
                 {...register("website_url")}
                 error={errors.website_url}
                 isInvalid={isError}
+                size="md"
               />
             </SimpleGrid>
             {/* TODO: implement password change */}
@@ -192,19 +194,13 @@ export function UserEdit() {
           </VStack>
           <Flex mt="8" justify="flex-end">
             <HStack spacing="4">
-              <Button
-                cursor="pointer"
-                as="a"
-                size={["md", "lg"]}
-                bg={bgCancelButton}
-                onClick={() => router.push("/dashboard")}
-              >
+              <Button cursor="pointer" as="a" size="md" bg={bgCancelButton} onClick={() => router.push("/dashboard")}>
                 Cancelar
               </Button>
               <Button
                 type="submit"
                 isLoading={isSubmitting}
-                size={["md", "lg"]}
+                size="md"
                 color="white"
                 bg="green.400"
                 isDisabled={!user?.email}

src/shared/components/Form/Input.tsx

@@ -39,12 +39,12 @@ const InputBase: ForwardRefRenderFunction<HTMLInputElement, InputProps> = (
           bgColor={bgColor}
           variant="filled"
           _hover={{ bgColor: bgHoverColor }}
-          size={["md", "lg"]}
+          size="md"
           ref={ref}
           {...rest}
         />
       ) : (
-        <InputGroup size={["md", "lg"]}>
+        <InputGroup size="md">
           <InputLeftAddon bgColor={bgInputGroupColor} borderColor={bgInputGroupColor} textColor={textColor}>
             {InputLeftAddonText}
           </InputLeftAddon>
@@ -55,7 +55,7 @@ const InputBase: ForwardRefRenderFunction<HTMLInputElement, InputProps> = (
             bgColor={bgColor}
             variant="filled"
             _hover={{ bgColor: bgHoverColor }}
-            size={["md", "lg"]}
+            size="md"
             ref={ref}
             {...rest}
           />

src/shared/components/Form/Select.tsx

@@ -35,7 +35,7 @@ const SelectBase: ForwardRefRenderFunction<HTMLSelectElement, SelectProps> = (
         color={textColor}
         variant="filled"
         _hover={{ bgColor: bgHoverColor }}
-        size="lg"
+        size="md"
         ref={ref}
         placeholder={placeholder}
         {...rest}

src/shared/components/Form/Textarea.tsx

@@ -33,7 +33,7 @@ const TextareaBase: ForwardRefRenderFunction<HTMLTextAreaElement, TextareaProps>
         color={textColor}
         variant="filled"
         _hover={{ bgColor: bgHoverColor }}
-        size="lg"
+        size="md"
         ref={ref}
         {...rest}
       />