fix: 修复因断点调整导致的样式问题

client/web/src/routes/Entry/ForgetPasswordView.tsx

@@ -56,7 +56,7 @@ export const ForgetPasswordView: React.FC = React.memo(() => {
         <div className="mb-4">
           <div className="mb-2">{t('邮箱')}</div>
           <input
-            className="appearance-none rounded-md relative block w-full px-4 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 text-base sm:text-sm"
+            className="appearance-none rounded-md relative block w-full px-4 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 text-base mobile:text-sm"
             name="forget-email"
             placeholder="name@example.com"
             type="text"
@@ -82,7 +82,7 @@ export const ForgetPasswordView: React.FC = React.memo(() => {
             <div className="mb-4">
               <div className="mb-2">{t('OTP')}</div>
               <input
-                className="appearance-none rounded-md relative block w-full px-4 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 text-base sm:text-sm"
+                className="appearance-none rounded-md relative block w-full px-4 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 text-base mobile:text-sm"
                 name="forget-otp"
                 type="text"
                 value={otp}
@@ -93,7 +93,7 @@ export const ForgetPasswordView: React.FC = React.memo(() => {
             <div className="mb-4">
               <div className="mb-2">{t('新密码')}</div>
               <input
-                className="appearance-none rounded-md relative block w-full px-4 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 text-base sm:text-sm"
+                className="appearance-none rounded-md relative block w-full px-4 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 text-base mobile:text-sm"
                 name="forget-password"
                 type="password"
                 placeholder="******"

client/web/src/routes/Entry/GuestView.tsx

@@ -43,7 +43,7 @@ export const GuestView: React.FC = React.memo(() => {
         <div className="mb-4">
           <div className="mb-2">{t('昵称')}</div>
           <input
-            className="appearance-none rounded-md relative block w-full px-4 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 text-base sm:text-sm"
+            className="appearance-none rounded-md relative block w-full px-4 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 text-base mobile:text-sm"
             placeholder={t('想要让大家如何称呼你')}
             type="text"
             value={nickname}

client/web/src/routes/Entry/LoginView.tsx

@@ -82,7 +82,7 @@ export const LoginView: React.FC = React.memo(() => {
           <div className="mb-2">{t('邮箱')}</div>
           <input
             name="login-email"
-            className="appearance-none rounded-md relative block w-full px-4 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 text-base sm:text-sm"
+            className="appearance-none rounded-md relative block w-full px-4 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 text-base mobile:text-sm"
             placeholder="name@example.com"
             type="text"
             value={email}
@@ -93,7 +93,7 @@ export const LoginView: React.FC = React.memo(() => {
           <div className="mb-2">{t('密码')}</div>
           <input
             name="login-password"
-            className="appearance-none rounded-md relative block w-full px-4 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 text-base sm:text-sm"
+            className="appearance-none rounded-md relative block w-full px-4 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 text-base mobile:text-sm"
             type="password"
             placeholder="******"
             value={password}

client/web/src/routes/Entry/RegisterView.tsx

@@ -52,7 +52,7 @@ export const RegisterView: React.FC = React.memo(() => {
           <div className="mb-2">{t('邮箱')}</div>
           <input
             name="reg-email"
-            className="appearance-none rounded-md relative block w-full px-4 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 text-base sm:text-sm"
+            className="appearance-none rounded-md relative block w-full px-4 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 text-base mobile:text-sm"
             placeholder="name@example.com"
             type="text"
             value={email}
@@ -63,7 +63,7 @@ export const RegisterView: React.FC = React.memo(() => {
           <div className="mb-2">{t('密码')}</div>
           <input
             name="reg-password"
-            className="appearance-none rounded-md relative block w-full px-4 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 text-base sm:text-sm"
+            className="appearance-none rounded-md relative block w-full px-4 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 text-base mobile:text-sm"
             type="password"
             placeholder="******"
             value={password}

client/web/src/routes/Entry/index.tsx

@@ -17,7 +17,7 @@ const EntryRoute = React.memo(() => {
       <div
         className={clsx(
           styles.entryLeft,
-          'entry-left w-142 sm:w-full pt-40 px-4 bg-gray-600 min-h-full flex justify-center bg-repeat-y z-10'
+          'entry-left w-142 mobile:w-full pt-40 px-4 bg-gray-600 min-h-full flex justify-center bg-repeat-y z-10'
         )}
         style={{ backgroundImage: `url(${loginPatternUrl})` }}
       >
@@ -33,7 +33,7 @@ const EntryRoute = React.memo(() => {
         </Routes>
       </div>
 
-      <div className="flex-1 sm:hidden tc-background" />
+      <div className="flex-1 mobile:hidden tc-background" />
     </div>
   );
 });

website/docs/intro.md

@@ -72,4 +72,4 @@ title: 概述
 
 开源协议请主要参考以下文档:
 
-[GNU General Public License 3.0](https://www.gnu.org/licenses/gpl-3.0.en.html)
+[Apache 2.0](https://github.com/msgbyte/tailchat/blob/master/LICENSE)