Mobile layout (WIP)

vladleesi · Apr 9, 2024 · d35a730 · d35a730
1 parent e4663c6
commit d35a730
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <meta charset="UTF-8">
-    <title>Vladislav Kochetov - Mobile SWE</title>
+    <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Vladislav Kochetov</title>
 </head>
 <body>
 <script src="vladleesi-gh-pages.js"></script>