[chore/frontend] load on the center of the screen

This commit is contained in:
CDN 2025-02-22 00:58:00 +08:00
parent 7a33038af8
commit 2c3e238e9a
Signed by: CDN
GPG key ID: 0C656827F9F80080
3 changed files with 17 additions and 17 deletions

View file

@ -56,7 +56,7 @@ const LoginRoute = () => {
}
return (
<Suspense fallback={<LoadingSpinner />}>
<Suspense fallback={<LoadingSpinner fullScreen />}>
<Login />
</Suspense>
);
@ -65,7 +65,7 @@ const LoginRoute = () => {
// 页面布局组件
const PageLayout = () => (
<div className="flex flex-col min-h-screen bg-white dark:bg-neutral-900 text-gray-900 dark:text-gray-100">
<Suspense fallback={<LoadingSpinner />}>
<Suspense fallback={<LoadingSpinner fullScreen />}>
<Header />
<div className="w-[95%] mx-auto">
<div className="border-t-2 border-gray-900 dark:border-gray-100 w-full mb-2" />
@ -82,7 +82,7 @@ const router = createBrowserRouter([
{
path: '/',
element: (
<Suspense fallback={<LoadingSpinner />}>
<Suspense fallback={<LoadingSpinner fullScreen />}>
<PageLayout />
</Suspense>
),
@ -90,7 +90,7 @@ const router = createBrowserRouter([
{
index: true,
element: (
<Suspense fallback={<LoadingSpinner />}>
<Suspense fallback={<LoadingSpinner fullScreen />}>
<Home />
</Suspense>
),
@ -98,7 +98,7 @@ const router = createBrowserRouter([
{
path: 'daily',
element: (
<Suspense fallback={<LoadingSpinner />}>
<Suspense fallback={<LoadingSpinner fullScreen />}>
<Daily />
</Suspense>
),
@ -106,7 +106,7 @@ const router = createBrowserRouter([
{
path: 'posts/:articleId',
element: (
<Suspense fallback={<LoadingSpinner />}>
<Suspense fallback={<LoadingSpinner fullScreen />}>
<Article />
</Suspense>
),
@ -133,7 +133,7 @@ const router = createBrowserRouter([
{
index: true,
element: (
<Suspense fallback={<LoadingSpinner />}>
<Suspense fallback={<LoadingSpinner fullScreen />}>
<Dashboard />
</Suspense>
),
@ -141,7 +141,7 @@ const router = createBrowserRouter([
{
path: 'posts',
element: (
<Suspense fallback={<LoadingSpinner />}>
<Suspense fallback={<LoadingSpinner fullScreen />}>
<PostsManagement />
</Suspense>
),
@ -149,7 +149,7 @@ const router = createBrowserRouter([
{
path: 'daily',
element: (
<Suspense fallback={<LoadingSpinner />}>
<Suspense fallback={<LoadingSpinner fullScreen />}>
<DailyManagement />
</Suspense>
),
@ -157,7 +157,7 @@ const router = createBrowserRouter([
{
path: 'medias',
element: (
<Suspense fallback={<LoadingSpinner />}>
<Suspense fallback={<LoadingSpinner fullScreen />}>
<MediasManagement />
</Suspense>
),
@ -165,7 +165,7 @@ const router = createBrowserRouter([
{
path: 'categories',
element: (
<Suspense fallback={<LoadingSpinner />}>
<Suspense fallback={<LoadingSpinner fullScreen />}>
<CategoriesManagement />
</Suspense>
),
@ -173,7 +173,7 @@ const router = createBrowserRouter([
{
path: 'users',
element: (
<Suspense fallback={<LoadingSpinner />}>
<Suspense fallback={<LoadingSpinner fullScreen />}>
<UsersManagement />
</Suspense>
),
@ -181,7 +181,7 @@ const router = createBrowserRouter([
{
path: 'contributors',
element: (
<Suspense fallback={<LoadingSpinner />}>
<Suspense fallback={<LoadingSpinner fullScreen />}>
<ContributorsManagement />
</Suspense>
),
@ -189,7 +189,7 @@ const router = createBrowserRouter([
{
path: 'settings',
element: (
<Suspense fallback={<LoadingSpinner />}>
<Suspense fallback={<LoadingSpinner fullScreen />}>
<Settings />
</Suspense>
),