Просмотр исходного кода

🍭style: add `mt-[64px]` in class auth componets

t0ng7u 8 месяцев назад
Родитель
Сommit
ad5f731b20

+ 1 - 1
web/src/components/auth/LoginForm.js

@@ -499,7 +499,7 @@ const LoginForm = () => {
   };
   };
 
 
   return (
   return (
-    <div className="bg-gray-100 flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
+    <div className="bg-gray-100 flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8 mt-[64px]">
       <div className="w-full max-w-sm">
       <div className="w-full max-w-sm">
         {showEmailLogin || !(status.github_oauth || status.oidc_enabled || status.wechat_login || status.linuxdo_oauth || status.telegram_oauth)
         {showEmailLogin || !(status.github_oauth || status.oidc_enabled || status.wechat_login || status.linuxdo_oauth || status.telegram_oauth)
           ? renderEmailLoginForm()
           ? renderEmailLoginForm()

+ 1 - 1
web/src/components/auth/PasswordResetConfirm.js

@@ -78,7 +78,7 @@ const PasswordResetConfirm = () => {
   }
   }
 
 
   return (
   return (
-    <div className="bg-gray-100 flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
+    <div className="bg-gray-100 flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8 mt-[64px]">
       <div className="w-full max-w-sm">
       <div className="w-full max-w-sm">
         <div className="flex flex-col items-center">
         <div className="flex flex-col items-center">
           <div className="w-full max-w-md">
           <div className="w-full max-w-md">

+ 1 - 1
web/src/components/auth/PasswordResetForm.js

@@ -78,7 +78,7 @@ const PasswordResetForm = () => {
   }
   }
 
 
   return (
   return (
-    <div className="bg-gray-100 flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
+    <div className="bg-gray-100 flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8 mt-[64px]">
       <div className="w-full max-w-sm">
       <div className="w-full max-w-sm">
         <div className="flex flex-col items-center">
         <div className="flex flex-col items-center">
           <div className="w-full max-w-md">
           <div className="w-full max-w-md">

+ 1 - 1
web/src/components/auth/RegisterForm.js

@@ -541,7 +541,7 @@ const RegisterForm = () => {
   };
   };
 
 
   return (
   return (
-    <div className="bg-gray-100 flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
+    <div className="bg-gray-100 flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8 mt-[64px]">
       <div className="w-full max-w-sm">
       <div className="w-full max-w-sm">
         {showEmailRegister || !(status.github_oauth || status.oidc_enabled || status.wechat_login || status.linuxdo_oauth || status.telegram_oauth)
         {showEmailRegister || !(status.github_oauth || status.oidc_enabled || status.wechat_login || status.linuxdo_oauth || status.telegram_oauth)
           ? renderEmailRegisterForm()
           ? renderEmailRegisterForm()