fix: Fixed mobile scroll bar
This commit is contained in:
@@ -64,7 +64,7 @@ export function AuthProvider({ children }: { children: ReactNode }) {
|
||||
|
||||
if (loading) {
|
||||
return (
|
||||
<div className="flex h-screen items-center justify-center bg-background">
|
||||
<div className="flex h-[100dvh] items-center justify-center bg-background">
|
||||
<div className="h-8 w-8 animate-spin rounded-full border-2 border-border border-t-accent" />
|
||||
</div>
|
||||
);
|
||||
@@ -72,7 +72,7 @@ export function AuthProvider({ children }: { children: ReactNode }) {
|
||||
|
||||
if (error || !user) {
|
||||
return (
|
||||
<div className="flex h-screen items-center justify-center bg-background p-4">
|
||||
<div className="flex h-[100dvh] items-center justify-center bg-background p-4">
|
||||
<div className="w-full max-w-md rounded-xl border border-border bg-surface p-6 text-center">
|
||||
<h1 className="text-base font-semibold text-text-primary">Can't load your session</h1>
|
||||
<p className="mt-2 text-sm text-text-secondary">{error ?? "Unable to load your session."}</p>
|
||||
|
||||
Reference in New Issue
Block a user