Publish sample to Github Pages

WojciechOsak · Jun 3, 2024 · 158ca4e · 158ca4e
1 parent 6166bfc
commit 158ca4e
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/README.MD b/README.MD
@@ -38,6 +38,9 @@ Features:
 |     Vertical calendar      |     ✅     |
 |      Range selection       |     ✅     |
 
+You can test Web version here: [Web Demo](https://wojciechosak.github.io/Calendar/)
+It is builded sample app and distributed by Github Pages.
+
 ---
 
 # Setup
@@ -127,10 +130,6 @@ Each view get as parameter day cell composable. Thanks to that your calendar can
 
 # Samples:
 
-You can test Web version here: [Web Demo](https://wojciechosak.github.io/Calendar/)
-It is builded sample app and distributed by Github Pages. 
-
-
 In directory sample you can find bunch of examples. You can run Android/iOS application and test it 
 yourself. Below you can find instruction how to run sample project on your computer.
 

diff --git a/sample/composeApp/src/commonMain/kotlin/io/wojciechosak/calendar/calendar/App.kt b/sample/composeApp/src/commonMain/kotlin/io/wojciechosak/calendar/calendar/App.kt
@@ -81,7 +81,14 @@ internal fun App() {
 								.width(
 									when (getPlatformType()) {
 										PlatformType.MOBILE -> getScreenSizeInfo().widthDp
-										PlatformType.WEB -> getScreenSizeInfo().widthDp / 2
+										PlatformType.WEB -> {
+											val isShownOnMobile = getScreenSizeInfo().widthPx < 960
+											if(isShownOnMobile) {
+												getScreenSizeInfo().widthDp
+											} else {
+												getScreenSizeInfo().widthDp / 2
+											}
+										}
 										PlatformType.DESKTOP -> getScreenSizeInfo().widthDp / 2
 									}
 								) // Set the width to half of the screen width