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

* fix(web): center root pending component vertically

* fix(web): set pending component for desktop to 30% height
This commit is contained in:
martylukyy 2024-05-09 09:20:20 +02:00 committed by GitHub
parent 9c8c4a9ab2
commit 7134e06379
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -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])])