fixing footer-issue

clients/app/src/commonMain/kotlin/at/mocode/clients/app/App.kt

@@ -24,18 +24,20 @@ fun App() {
                     title = "Meldestelle",
                     onNavigateToPing = { currentScreen = AppScreen.Ping }
                 )
-            }
+            },
-        ) { paddingValues ->
+            { paddingValues ->
-            Box(modifier = Modifier.padding(paddingValues)) {
+                Box(modifier = Modifier.padding(paddingValues)) {
-                when (currentScreen) {
+                    when (currentScreen) {
-                    is AppScreen.Home -> {
+                        is AppScreen.Home -> {
-                        LandingScreen()
+                            LandingScreen()
-                    }
+                        }
-                    is AppScreen.Ping -> {
+
-                        PingScreen(viewModel = pingViewModel)
+                        is AppScreen.Ping -> {
+                            PingScreen(viewModel = pingViewModel)
+                        }
                     }
                 }
             }
-        }
+        )
     }
 }

clients/app/src/commonMain/kotlin/at/mocode/clients/app/LandingScreen.kt

@@ -13,10 +13,10 @@ import androidx.compose.ui.unit.dp
 fun LandingScreen() {
     Column(
         modifier = Modifier
-            .fillMaxSize()
+            .fillMaxWidth()
             .padding(32.dp),
         horizontalAlignment = Alignment.CenterHorizontally,
-        verticalArrangement = Arrangement.Center
+        verticalArrangement = Arrangement.Top
     ) {
         Text(
             text = "Willkommen bei Meldestelle",

clients/app/src/jsMain/resources/index.html

@@ -15,7 +15,6 @@
   if ('serviceWorker' in navigator) {
     const isLocalhost = ['localhost', '127.0.0.1', '::1'].includes(location.hostname);
     if (isLocalhost) {
-      // Unregister any existing service workers to avoid dev reload loops
       navigator.serviceWorker.getRegistrations().then(regs => {
         for (const reg of regs) reg.unregister();
       }).catch(console.error);

clients/app/src/jsMain/resources/styles.css

@@ -1,6 +1,12 @@
 html, body {
-    height: 100%;
+    height: 100vh;
     margin: 0;
     padding: 0;
     overflow: hidden; /* Verhindert Scrollbalken durch die Canvas */
 }
+
+#ComposeTarget {
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+}

clients/shared/common-ui/src/commonMain/kotlin/at/mocode/clients/shared/commonui/components/AppFooter.kt

@@ -20,7 +20,7 @@ fun AppFooter() {
         contentAlignment = Alignment.Center
     ) {
         Text(
-            text = "© 2024 Meldestelle - Built with Kotlin Multiplatform",
+            text = "© 2025 Meldestelle - Built with Kotlin Multiplatform",
             style = MaterialTheme.typography.bodySmall,
             color = MaterialTheme.colorScheme.onSurfaceVariant,
             textAlign = TextAlign.Center

clients/shared/common-ui/src/commonMain/kotlin/at/mocode/clients/shared/commonui/components/AppScaffold.kt

@@ -14,20 +14,16 @@ fun AppScaffold(
     header: @Composable () -> Unit = {
         AppHeader(title = "Meldestelle")
     },
+    content: @Composable (PaddingValues) -> Unit,
     footer: @Composable () -> Unit = {
         AppFooter()
     },
-    content: @Composable (PaddingValues) -> Unit
 ) {
-    Column(modifier = Modifier.fillMaxSize()) {
+    Scaffold(
-        Scaffold(
+        topBar = header,
-            topBar = header,
+        bottomBar = footer,
-            modifier = Modifier.weight(1f)
+        modifier = Modifier.fillMaxSize()
-        ) {
+    ) { paddingValues ->
-            paddingValues ->
+        content(paddingValues)
-            content(paddingValues)
-        }
-        footer()
     }
-
 }