fix(web): root pending component placement (#1547)

* fix(web): center root pending component vertically * fix(web): set pending component for desktop to 30% height
autobrr · May 9, 2024 · 7134e06 · 7134e06
1 parent 9c8c4a9
commit 7134e06
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/web/src/routes.tsx b/web/src/routes.tsx
@@ -336,6 +336,13 @@ export const RootRoute = createRootRouteWithContext<{
 }>()({
   component: RootComponent,
   notFoundComponent: NotFound,
+  pendingComponent: () => (
+    <div className="h-screen">
+      <div className="flex flex-grow items-center justify-center h-screen sm:h-3/5">
+        <RingResizeSpinner className="text-blue-500 size-24"/>
+      </div>
+    </div>
+  ),
 });
 
 const filterRouteTree = FiltersRoute.addChildren([FilterIndexRoute, FilterGetByIdRoute.addChildren([FilterGeneralRoute, FilterMoviesTvRoute, FilterMusicRoute, FilterAdvancedRoute, FilterExternalRoute, FilterActionsRoute])])