master/rekordbox-viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(frontend): center loading spinner on large screens by using full-viewport container and removing #root max-width constraint

Browse Source
This commit is contained in:
Geert Rademakes 2025-08-08 09:49:02 +02:00
parent 4f440267bd
commit 7618c40a77
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/frontend/src/App.css
View File

@ -12,8 +12,9 @@ html, body, #root {
overflow: hidden; overflow: hidden;
} }
/* Ensure full-viewport centering for loading state */
#root { #root {
max-width: 1280px; max-width: none;
} }
.logo { .logo {

2
packages/frontend/src/App.tsx
View File

@ -405,7 +405,7 @@ const RekordboxReader: React.FC = () => {
if (xmlLoading) { if (xmlLoading) {
return ( return (
<Flex height="100vh" align="center" justify="center" direction="column" gap={4}> <Flex height="100vh" width="100vw" align="center" justify="center" direction="column" gap={4}>
<Spinner size="xl" /> <Spinner size="xl" />
<Text>Loading your library...</Text> <Text>Loading your library...</Text>
</Flex> </Flex>