-
Notifications
You must be signed in to change notification settings - Fork 228
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Loading status checks…
chore: Upgrade to Mantine@7 (#306)
really like the fact they moved away from css-in-js haha ``` Stack/Group spacing => gap Stack/Group position => justify Button compact prop => size Button, Input, etc icon/leftIcon prop => leftSection sx prop => style Table thead/tbody/tr/td => <Table.Thead> / <Table.Tbody> / <Table.Tr> / <Table.Td> Badge - set variant="light" prop ``` To do: - [x] Tables - [x] Update all Badge variant to light more testing won't hurt :D
1 parent
edd69c4
commit c09342f
Showing
23 changed files
with
429 additions
and
722 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,3 @@ | ||
{ | ||
"recommendations": ["vunguyentuan.vscode-css-variables"] | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,14 @@ | ||
module.exports = { | ||
plugins: { | ||
'postcss-preset-mantine': {}, | ||
'postcss-simple-vars': { | ||
variables: { | ||
'mantine-breakpoint-xs': '36em', | ||
'mantine-breakpoint-sm': '48em', | ||
'mantine-breakpoint-md': '62em', | ||
'mantine-breakpoint-lg': '75em', | ||
'mantine-breakpoint-xl': '88em', | ||
}, | ||
}, | ||
}, | ||
}; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -133,16 +133,16 @@ export default function AuthPage({ action }: { action: 'register' | 'login' }) { | |
</div> | ||
)} | ||
<form className="text-start mt-4" {...form.controller}> | ||
<Stack spacing="xl"> | ||
<Stack gap="xl"> | ||
<Paper p={34} shadow="md" radius="md"> | ||
<Stack spacing="lg"> | ||
<Stack gap="lg"> | ||
<TextInput | ||
label="Email" | ||
size="md" | ||
withAsterisk={false} | ||
placeholder="[email protected]" | ||
type="email" | ||
icon={<i className="bi bi-at fs-5" />} | ||
leftSection={<i className="bi bi-at fs-5" />} | ||
error={errors.email?.message} | ||
required | ||
{...form.email} | ||
|
@@ -151,7 +151,7 @@ export default function AuthPage({ action }: { action: 'register' | 'login' }) { | |
size="md" | ||
label="Password" | ||
withAsterisk={false} | ||
icon={<i className="bi bi-lock-fill" />} | ||
leftSection={<i className="bi bi-lock-fill" />} | ||
error={errors.password?.message} | ||
required | ||
placeholder="Password" | ||
|
@@ -171,7 +171,7 @@ export default function AuthPage({ action }: { action: 'register' | 'login' }) { | |
size="md" | ||
required | ||
withAsterisk={false} | ||
icon={<i className="bi bi-lock-fill" />} | ||
leftSection={<i className="bi bi-lock-fill" />} | ||
error={errors.confirmPassword?.message} | ||
placeholder="Confirm Password" | ||
{...form.confirmPassword} | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.