asyavee/medusa-store
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

feat(dashboard): invite UI tweaks (#10999)

Browse Source
This commit is contained in:
Frane Polić
2025-01-18 10:50:24 -05:00
committed by GitHub
parent 2a5f2a5387
commit 123d2f45de
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/admin/dashboard/src/components/common/logo-box/avatar-box.tsx
+1 -1
View File
@@ -6,7 +6,7 @@ export default function AvatarBox({ checked }: { checked?: boolean }) {
return ( return (
<IconAvatar <IconAvatar
size="xlarge" size="xlarge"
className="bg-ui-button-neutral shadow-buttons-neutral after:button-neutral-gradient relative mb-4 flex h-[52px] w-[52px] items-center justify-center rounded-xl after:inset-0 after:content-['']" className="bg-ui-button-neutral shadow-buttons-neutral after:button-neutral-gradient relative mb-4 flex h-[50px] w-[50px] items-center justify-center rounded-xl after:inset-0 after:content-['']"
> >
{checked && ( {checked && (
<motion.div <motion.div
packages/admin/dashboard/src/routes/invite/invite.tsx
+3 -3
View File
@@ -51,7 +51,7 @@ export const Invite = () => {
return ( return (
<div className="bg-ui-bg-subtle relative flex min-h-dvh w-dvw items-center justify-center p-4"> <div className="bg-ui-bg-subtle relative flex min-h-dvh w-dvw items-center justify-center p-4">
<div className="flex w-full max-w-[280px] flex-col items-center"> <div className="flex w-full max-w-[360px] flex-col items-center">
<AvatarBox checked={success} /> <AvatarBox checked={success} />
<div className="max-h-[557px] w-full will-change-contents"> <div className="max-h-[557px] w-full will-change-contents">
{isValidInvite ? ( {isValidInvite ? (
@@ -382,7 +382,7 @@ const SuccessView = () => {
return ( return (
<div className="flex w-full flex-col items-center gap-y-6"> <div className="flex w-full flex-col items-center gap-y-6">
<div className="flex flex-col items-center gap-y-1"> <div className="flex flex-col items-center gap-y-1">
<Heading>{t("invite.successTitle")}</Heading> <Heading className="text-center">{t("invite.successTitle")}</Heading>
<Text size="small" className="text-ui-fg-subtle text-center"> <Text size="small" className="text-ui-fg-subtle text-center">
{t("invite.successHint")} {t("invite.successHint")}
</Text> </Text>
@@ -396,7 +396,7 @@ const SuccessView = () => {
<Link <Link
key="login-link" key="login-link"
to="/login" to="/login"
className="txt-small text-ui-fg-base transition-fg hover:text-ui-fg-base-hover focus-visible:text-ui-fg-base-hover mt-3 font-medium outline-none" className="txt-small text-ui-fg-base transition-fg hover:text-ui-fg-base-hover focus-visible:text-ui-fg-base-hover font-medium outline-none"
> >
{t("invite.backToLogin")} {t("invite.backToLogin")}
</Link> </Link>