From 123d2f45de13b24d71aea55f15d1ea10d09f712b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Frane=20Poli=C4=87?=
 <16856471+fPolic@users.noreply.github.com>
Date: Sat, 18 Jan 2025 16:50:24 +0100
Subject: [PATCH] feat(dashboard): invite UI tweaks (#10999)

---
 .../dashboard/src/components/common/logo-box/avatar-box.tsx | 2 +-
 packages/admin/dashboard/src/routes/invite/invite.tsx       | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/admin/dashboard/src/components/common/logo-box/avatar-box.tsx b/packages/admin/dashboard/src/components/common/logo-box/avatar-box.tsx
index a9c4cfb62f..2269ede1a4 100644
--- a/packages/admin/dashboard/src/components/common/logo-box/avatar-box.tsx
+++ b/packages/admin/dashboard/src/components/common/logo-box/avatar-box.tsx
@@ -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
diff --git a/packages/admin/dashboard/src/routes/invite/invite.tsx b/packages/admin/dashboard/src/routes/invite/invite.tsx
index 69152d6c7a..c0f57ab5f6 100644
--- a/packages/admin/dashboard/src/routes/invite/invite.tsx
+++ b/packages/admin/dashboard/src/routes/invite/invite.tsx
@@ -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>