diff --git a/example/app/composeApp/src/wasmJsMain/kotlin/composegears/tiamat/example/main.kt b/example/app/composeApp/src/wasmJsMain/kotlin/composegears/tiamat/example/main.kt index 0416ab9..965683f 100644 --- a/example/app/composeApp/src/wasmJsMain/kotlin/composegears/tiamat/example/main.kt +++ b/example/app/composeApp/src/wasmJsMain/kotlin/composegears/tiamat/example/main.kt @@ -13,7 +13,7 @@ import androidx.compose.ui.graphics.Color import androidx.compose.ui.text.font.FontWeight import androidx.compose.ui.unit.dp import androidx.compose.ui.unit.sp -import androidx.compose.ui.window.CanvasBasedWindow +import androidx.compose.ui.window.ComposeViewport import composegears.tiamat.sample.koin.KoinLib external fun onLoadFinished() @@ -21,7 +21,7 @@ external fun onLoadFinished() @OptIn(ExperimentalComposeUiApi::class) fun main() { KoinLib.start() - CanvasBasedWindow(canvasElementId = "TiamatTarget") { + ComposeViewport(viewportContainerId = "TiamatTarget") { LaunchedEffect(Unit) { onLoadFinished() } @@ -32,7 +32,7 @@ fun main() { color = Color.White, fontSize = 20.sp, fontWeight = FontWeight.Bold, - text = "Pre Alpha (Wasm)", + text = "Wasm Alpha", ) } } diff --git a/example/app/composeApp/src/wasmJsMain/resources/index.html b/example/app/composeApp/src/wasmJsMain/resources/index.html index 0c0be25..90362c3 100644 --- a/example/app/composeApp/src/wasmJsMain/resources/index.html +++ b/example/app/composeApp/src/wasmJsMain/resources/index.html @@ -24,7 +24,7 @@

Your browser doesn't support Wasm 🌝

For more information, see https://kotl.in/wasm-help.
- +
\ No newline at end of file diff --git a/example/app/composeApp/src/wasmJsMain/resources/style.css b/example/app/composeApp/src/wasmJsMain/resources/style.css index 0cbd0b2..d34561a 100644 --- a/example/app/composeApp/src/wasmJsMain/resources/style.css +++ b/example/app/composeApp/src/wasmJsMain/resources/style.css @@ -12,6 +12,7 @@ body { display: flex; justify-content: center; align-items: center; + overflow: hidden; } #warning {