From d35a730bceb2d195df17edf29f9f0e5e98ba12a7 Mon Sep 17 00:00:00 2001 From: vladleesi Date: Tue, 9 Apr 2024 04:16:53 -0600 Subject: [PATCH] Mobile layout (WIP) --- src/main/kotlin/App.kt | 3 ++- src/main/kotlin/pages/Home.kt | 2 +- src/main/kotlin/style/Styles.kt | 2 +- src/main/resources/index.html | 4 ++-- 4 files changed, 6 insertions(+), 5 deletions(-) diff --git a/src/main/kotlin/App.kt b/src/main/kotlin/App.kt index 82743e9..68c5d79 100644 --- a/src/main/kotlin/App.kt +++ b/src/main/kotlin/App.kt @@ -1,5 +1,6 @@ import js.objects.jso -import pages.* +import pages.Error +import pages.HomePage import react.FC import react.create import react.dom.client.createRoot diff --git a/src/main/kotlin/pages/Home.kt b/src/main/kotlin/pages/Home.kt index 34af699..73ec996 100644 --- a/src/main/kotlin/pages/Home.kt +++ b/src/main/kotlin/pages/Home.kt @@ -364,7 +364,7 @@ private fun ChildrenBuilder.buildProjectCell(project: Project) { paddingRight = 0.5.em paddingTop = 0.25.em paddingBottom = 0.25.em - fontSize = 0.9.rem + fontSize = 14.px } +tag } diff --git a/src/main/kotlin/style/Styles.kt b/src/main/kotlin/style/Styles.kt index 55e0e50..e6339d1 100644 --- a/src/main/kotlin/style/Styles.kt +++ b/src/main/kotlin/style/Styles.kt @@ -22,7 +22,7 @@ val appStyle = document.createElement("style").apply { backgroundColor = Color(backgroundBlack.toString()) color = Color(white.toString()) - media("screen and (max-width: 767px)") { + media("screen and (max-width: 768px)") { // mobile styles width = LinearDimension("85%") } diff --git a/src/main/resources/index.html b/src/main/resources/index.html index b154531..bd0c06c 100644 --- a/src/main/resources/index.html +++ b/src/main/resources/index.html @@ -1,8 +1,8 @@ - - Vladislav Kochetov - Mobile SWE + + Vladislav Kochetov