+2 -2

src/app.css

reviewed

··· 1805 1805 width: 100%; 1806 1806 flex-grow: 1; 1807 1807 } 1808 1808 - :is(#home-page, #welcome, #columns) ~ .deck-container { 1808 1808 + :is(#home-page, #welcome, #columns, #loader-root) ~ .deck-container { 1809 1809 z-index: 10; 1810 1810 position: fixed; 1811 1811 inset: 0; 1812 1812 } 1813 1813 - :is(#home-page, #welcome, #columns):has(~ .deck-container) { 1813 1813 + :is(#home-page, #welcome, #columns, #loader-root):has(~ .deck-container) { 1814 1814 display: block; 1815 1815 position: absolute; 1816 1816 user-select: none;

+1 -1

src/app.jsx

reviewed

··· 241 241 isLoggedIn ? ( 242 242 <Home /> 243 243 ) : uiState === 'loading' ? ( 244 244 - <Loader /> 244 244 + <Loader id="loader-root" /> 245 245 ) : ( 246 246 <Welcome /> 247 247 )

+2 -1

src/components/loader.jsx

reviewed

··· 1 1 import './loader.css'; 2 2 3 3 - function Loader({ abrupt, hidden }) { 3 3 + function Loader({ abrupt, hidden, ...props }) { 4 4 return ( 5 5 <div 6 6 + {...props} 6 7 class={`loader-container ${abrupt ? 'abrupt' : ''} ${ 7 8 hidden ? 'hidden' : '' 8 9 }`}