Sektor-Onboarding & Charaktererstellung (Frontend)

dev/lobby-frontend/src/core/pixi-app.js

@@ -30,7 +30,7 @@ export function setupResize(refs) {
     const {
         background, discordContainer, logoContainer, uiContainer,
         panelFrame, lobbyPixiContainer, footerBackground, footerPattern,
-        footerBackgroundContainer
+        footerBackgroundContainer, onboardingPixiContainer
     } = refs;
     
     function resize() {
@@ -133,12 +133,15 @@ export function setupResize(refs) {
             sectorListContainer.style.height = `${targetMaskHeight}px`; 
         }
 
+        if (onboardingPixiContainer) {
+            onboardingPixiContainer.x = (screenWidth - 450) / 2;
+            onboardingPixiContainer.y = (screenHeight - 550) / 2;
+        }
+
         footerBackground.height = actualFooterHeight;
         footerPattern.height = actualFooterHeight;
-
         footerBackground.width = screenWidth;
         footerPattern.width = screenWidth;
-        
         footerBackgroundContainer.y = screenHeight - footerHeight;
     }