app now responsive for mobile and small devices.
This commit is contained in:
@@ -99,9 +99,9 @@ function AcceptInviteContent() {
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="min-h-screen app-web-bg flex items-center justify-center p-4">
|
||||
<div className="w-full max-w-md surface-card p-6 space-y-5">
|
||||
<h1 className="text-xl font-semibold text-text-primary">{t('acceptInviteTitle')}</h1>
|
||||
<div className="min-h-[100dvh] app-web-bg flex items-center justify-center px-4 py-8">
|
||||
<div className="w-full max-w-md surface-card p-4 sm:p-6 space-y-5">
|
||||
<h1 className="text-lg sm:text-xl font-semibold text-text-primary">{t('acceptInviteTitle')}</h1>
|
||||
|
||||
{loading ? (
|
||||
<p className="text-sm text-text-secondary">{t('loadingInvitation')}</p>
|
||||
@@ -168,7 +168,7 @@ function AcceptInviteContent() {
|
||||
function AcceptInviteFallback() {
|
||||
const t = useTranslations('auth');
|
||||
return (
|
||||
<div className="min-h-screen app-web-bg flex items-center justify-center">
|
||||
<div className="min-h-[100dvh] app-web-bg flex items-center justify-center px-4">
|
||||
<p className="text-sm text-text-secondary">{t('loadingInvitation')}</p>
|
||||
</div>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user