fix: button and input heights (#1548)

This commit is contained in:
Aaryan Khandelwal 2023-07-18 15:00:06 +05:30 committed by GitHub
parent 9b423cea4b
commit 88fbe85087
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 20 additions and 15 deletions

View File

@ -136,7 +136,7 @@ export const EmailCodeForm = ({ handleSignIn }: any) => {
}}
error={errors.email}
placeholder="Enter your email address..."
className="border-custom-border-300"
className="border-custom-border-300 h-[46px]"
/>
</div>
@ -152,7 +152,7 @@ export const EmailCodeForm = ({ handleSignIn }: any) => {
}}
error={errors.token}
placeholder="Enter code..."
className="border-custom-border-300"
className="border-custom-border-300 h-[46px]"
/>
<button
type="button"
@ -186,7 +186,7 @@ export const EmailCodeForm = ({ handleSignIn }: any) => {
{codeSent ? (
<PrimaryButton
type="submit"
className="w-full text-center"
className="w-full text-center h-[46px]"
size="md"
onClick={handleSubmit(handleSignin)}
disabled={!isValid && isDirty}
@ -196,7 +196,7 @@ export const EmailCodeForm = ({ handleSignIn }: any) => {
</PrimaryButton>
) : (
<PrimaryButton
className="w-full text-center"
className="w-full text-center h-[46px]"
size="md"
onClick={() => {
handleSubmit(onSubmit)().then(() => {

View File

@ -71,7 +71,7 @@ export const EmailPasswordForm: React.FC<Props> = ({ onSubmit }) => {
}}
error={errors.email}
placeholder="Enter your email address..."
className="border-custom-border-300"
className="border-custom-border-300 h-[46px]"
/>
</div>
<div className="space-y-1">
@ -85,7 +85,7 @@ export const EmailPasswordForm: React.FC<Props> = ({ onSubmit }) => {
}}
error={errors.password}
placeholder="Enter your password..."
className="border-custom-border-300"
className="border-custom-border-300 h-[46px]"
/>
</div>
<div className="text-right text-xs">
@ -108,7 +108,7 @@ export const EmailPasswordForm: React.FC<Props> = ({ onSubmit }) => {
<div>
<PrimaryButton
type="submit"
className="w-full text-center"
className="w-full text-center h-[46px]"
disabled={!isValid && isDirty}
loading={isSubmitting}
>

View File

@ -78,17 +78,17 @@ export const EmailResetPasswordForm: React.FC<Props> = ({ setIsResettingPassword
}}
error={errors.email}
placeholder="Enter registered email address.."
className="border-custom-border-300"
className="border-custom-border-300 h-[46px]"
/>
</div>
<div className="mt-5 flex flex-col-reverse sm:flex-row items-center gap-2">
<SecondaryButton
className="w-full text-center"
className="w-full text-center h-[46px]"
onClick={() => setIsResettingPassword(false)}
>
Go Back
</SecondaryButton>
<PrimaryButton type="submit" className="w-full text-center" loading={isSubmitting}>
<PrimaryButton type="submit" className="w-full text-center h-[46px]" loading={isSubmitting}>
{isSubmitting ? "Sending link..." : "Send reset link"}
</PrimaryButton>
</div>

View File

@ -44,9 +44,9 @@ export const GithubLoginButton: FC<GithubLoginButtonProps> = ({ handleSignIn })
<Link
href={`https://github.com/login/oauth/authorize?client_id=${NEXT_PUBLIC_GITHUB_ID}&redirect_uri=${loginCallBackURL}&scope=read:user,user:email`}
>
<button className="flex w-full items-center justify-center gap-2 rounded border border-custom-border-300 p-2 text-sm font-medium text-custom-text-100 duration-300 hover:bg-custom-background-80">
<button className="flex w-full items-center justify-center gap-2 rounded border border-custom-border-300 p-2 text-sm font-medium text-custom-text-100 duration-300 hover:bg-custom-background-80 h-[46px]">
<Image
src={theme === "light" ? githubBlackImage : githubWhiteImage}
src={theme === "dark" ? githubWhiteImage : githubBlackImage}
height={20}
width={20}
alt="GitHub Logo"

View File

@ -27,6 +27,7 @@ export const GoogleLoginButton: FC<IGoogleLoginButton> = (props) => {
theme: "outline",
size: "large",
logo_alignment: "center",
height: "46",
width: "360",
text: "continue_with",
} as GsiButtonConfiguration // customization attributes

View File

@ -121,7 +121,7 @@ const ResetPasswordPage: NextPage = () => {
}}
error={errors.password}
placeholder="Enter new password..."
className="border-custom-border-300"
className="border-custom-border-300 h-[46px]"
/>
</div>
<div className="space-y-1">
@ -135,10 +135,14 @@ const ResetPasswordPage: NextPage = () => {
}}
error={errors.confirmPassword}
placeholder="Confirm new password..."
className="border-custom-border-300"
className="border-custom-border-300 h-[46px]"
/>
</div>
<PrimaryButton type="submit" className="w-full text-center" loading={isSubmitting}>
<PrimaryButton
type="submit"
className="w-full text-center h-[46px]"
loading={isSubmitting}
>
{isSubmitting ? "Resetting..." : "Reset"}
</PrimaryButton>
</form>