mirror of
https://github.com/langgenius/dify.git
synced 2026-05-11 14:58:23 +08:00
2566ab9105
Replace shrink-0 with min-w-0 on card containers to allow proper sizing on small screens. Add w-full to inner content containers for proper mobile width. Fix hard-coded w-[400px] to responsive w-full md:w-[400px] in webapp-reset-password layout. Agent-Logs-Url: https://github.com/langgenius/dify/sessions/e361965b-6f86-4c1c-99fc-a55a9c95e5fa Co-authored-by: crazywoola <100913391+crazywoola@users.noreply.github.com>
61 lines
2.3 KiB
TypeScript
61 lines
2.3 KiB
TypeScript
'use client'
|
|
import { cn } from '@langgenius/dify-ui/cn'
|
|
import { useQuery, useSuspenseQuery } from '@tanstack/react-query'
|
|
|
|
import Loading from '@/app/components/base/loading'
|
|
import Header from '@/app/signin/_header'
|
|
import { AppContextProvider } from '@/context/app-context-provider'
|
|
import useDocumentTitle from '@/hooks/use-document-title'
|
|
import { systemFeaturesQueryOptions } from '@/service/system-features'
|
|
import { isLegacyBase401, userProfileQueryOptions } from '@/service/use-common'
|
|
|
|
export default function SignInLayout({ children }: any) {
|
|
const { data: systemFeatures } = useSuspenseQuery(systemFeaturesQueryOptions())
|
|
useDocumentTitle('')
|
|
// Probe login state. 401 stays as `error` (not thrown) so this layout can render
|
|
// the signin/oauth UI for unauthenticated users; other errors bubble to error.tsx.
|
|
// (When unauthenticated, service/base.ts's auto-redirect to /signin still fires.)
|
|
const { isPending, data: userResp, error } = useQuery({
|
|
...userProfileQueryOptions(),
|
|
throwOnError: err => !isLegacyBase401(err),
|
|
})
|
|
const isLoggedIn = !!userResp && !error
|
|
|
|
if (isPending) {
|
|
return (
|
|
<div className="flex min-h-screen w-full justify-center bg-background-default-burn">
|
|
<Loading />
|
|
</div>
|
|
)
|
|
}
|
|
return (
|
|
<>
|
|
<div className={cn('flex min-h-screen w-full justify-center bg-background-default-burn p-6')}>
|
|
<div className={cn('flex w-full min-w-0 flex-col items-center rounded-2xl border border-effects-highlight bg-background-default-subtle')}>
|
|
<Header />
|
|
<div className={cn('flex w-full grow flex-col items-center justify-center px-6 md:px-[108px]')}>
|
|
<div className="flex w-full flex-col md:w-[400px]">
|
|
{isLoggedIn
|
|
? (
|
|
<AppContextProvider>
|
|
{children}
|
|
</AppContextProvider>
|
|
)
|
|
: children}
|
|
</div>
|
|
</div>
|
|
{systemFeatures.branding.enabled === false && (
|
|
<div className="px-8 py-6 system-xs-regular text-text-tertiary">
|
|
©
|
|
{' '}
|
|
{new Date().getFullYear()}
|
|
{' '}
|
|
LangGenius, Inc. All rights reserved.
|
|
</div>
|
|
)}
|
|
</div>
|
|
</div>
|
|
</>
|
|
)
|
|
}
|