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 16:50:24 +01: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

2
packages/admin/dashboard/src/components/common/logo-box/avatar-box.tsx
View File

@@ -6,7 +6,7 @@ export default function AvatarBox({ checked }: { checked?: boolean }) {
return (
<IconAvatar
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 && (
<motion.div

6
packages/admin/dashboard/src/routes/invite/invite.tsx
View File

@@ -51,7 +51,7 @@ export const Invite = () => {
return (
<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} />
<div className="max-h-[557px] w-full will-change-contents">
{isValidInvite ? (
@@ -382,7 +382,7 @@ const SuccessView = () => {
return (
<div className="flex w-full flex-col items-center gap-y-6">
<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">
{t("invite.successHint")}
</Text>
@@ -396,7 +396,7 @@ const SuccessView = () => {
<Link
key="login-link"
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")}
</Link>