chore: tweak form styles

This commit is contained in:
Steven
2024-11-12 23:23:14 +08:00
parent 142e97ab5a
commit f007185b8f
6 changed files with 199 additions and 70 deletions

View File

@@ -19,7 +19,7 @@
"@mui/joy": "5.0.0-beta.48",
"@radix-ui/react-popover": "^1.1.2",
"@reduxjs/toolkit": "^2.3.0",
"@usememos/mui": "0.0.1-alpha.25",
"@usememos/mui": "0.0.1-alpha.26",
"class-variance-authority": "^0.7.0",
"clsx": "^2.1.1",
"copy-to-clipboard": "^3.3.3",

10
web/pnpm-lock.yaml generated
View File

@@ -39,8 +39,8 @@ importers:
specifier: ^2.3.0
version: 2.3.0(react-redux@9.1.2(@types/react@18.3.12)(react@18.3.1)(redux@5.0.1))(react@18.3.1)
'@usememos/mui':
specifier: 0.0.1-alpha.25
version: 0.0.1-alpha.25(lucide-react@0.453.0(react@18.3.1))(postcss@8.4.47)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(tailwind-merge@2.5.4)(tailwindcss@3.4.14)
specifier: 0.0.1-alpha.26
version: 0.0.1-alpha.26(lucide-react@0.453.0(react@18.3.1))(postcss@8.4.47)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(tailwind-merge@2.5.4)(tailwindcss@3.4.14)
class-variance-authority:
specifier: ^0.7.0
version: 0.7.0
@@ -1400,8 +1400,8 @@ packages:
'@ungap/structured-clone@1.2.0':
resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
'@usememos/mui@0.0.1-alpha.25':
resolution: {integrity: sha512-TjvhSgKRqXrDBPGJuojwjbBGLysiycvE+05UJlzmJ1OOQLO3UBYFc5F+iPHg5ok+7PEjWrt3tTubU76/kWsgBQ==}
'@usememos/mui@0.0.1-alpha.26':
resolution: {integrity: sha512-6K5iYBddv6tcnXVq2qEi2mgW8QYo7x+b0V7fPtow5JUv7UcUykNEYvRhlQyLmAktnL9jiSkTOcR2kPeKzctNbw==}
peerDependencies:
lucide-react: ^0.453.0
postcss: ^8.4.47
@@ -4684,7 +4684,7 @@ snapshots:
'@ungap/structured-clone@1.2.0': {}
'@usememos/mui@0.0.1-alpha.25(lucide-react@0.453.0(react@18.3.1))(postcss@8.4.47)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(tailwind-merge@2.5.4)(tailwindcss@3.4.14)':
'@usememos/mui@0.0.1-alpha.26(lucide-react@0.453.0(react@18.3.1))(postcss@8.4.47)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(tailwind-merge@2.5.4)(tailwindcss@3.4.14)':
dependencies:
lucide-react: 0.453.0(react@18.3.1)
postcss: 8.4.47

View File

@@ -69,7 +69,7 @@ const PasswordSignInForm = () => {
<div className="w-full flex flex-col justify-start items-start">
<span className="leading-8 text-gray-600">{t("common.username")}</span>
<Input
className="w-full"
className="w-full bg-white dark:bg-black"
size="lg"
type="text"
readOnly={actionBtnLoadingState.isLoading}
@@ -85,7 +85,7 @@ const PasswordSignInForm = () => {
<div className="w-full flex flex-col justify-start items-start">
<span className="leading-8 text-gray-600">{t("common.password")}</span>
<Input
className="w-full"
className="w-full bg-white dark:bg-black"
size="lg"
type="password"
readOnly={actionBtnLoadingState.isLoading}

View File

@@ -96,6 +96,7 @@ const SignIn = () => {
<div className="w-full flex flex-col space-y-2">
{identityProviderList.map((identityProvider) => (
<Button
className="bg-white dark:bg-black"
key={identityProvider.name}
variant="outlined"
fullWidth

View File

@@ -88,7 +88,7 @@ const SignUp = () => {
<div className="w-full flex flex-col justify-start items-start">
<span className="leading-8 text-gray-600">{t("common.username")}</span>
<Input
className="w-full"
className="w-full bg-white dark:bg-black"
size="lg"
type="text"
readOnly={actionBtnLoadingState.isLoading}
@@ -104,7 +104,7 @@ const SignUp = () => {
<div className="w-full flex flex-col justify-start items-start">
<span className="leading-8 text-gray-600">{t("common.password")}</span>
<Input
className="w-full"
className="w-full bg-white dark:bg-black"
size="lg"
type="password"
readOnly={actionBtnLoadingState.isLoading}