From 6b8c8317f9caea863c920e4c7cfba9a6a92c5864 Mon Sep 17 00:00:00 2001
From: SrGooglo <srgooglo@ragestudio.net>
Date: Thu, 24 Nov 2022 14:15:52 +0000
Subject: [PATCH] split mobile styles into separated file

---
 packages/app/src/theme/index.less  | 62 +---------------------------
 packages/app/src/theme/mobile.less | 65 ++++++++++++++++++++++++++++++
 2 files changed, 66 insertions(+), 61 deletions(-)
 create mode 100644 packages/app/src/theme/mobile.less

diff --git a/packages/app/src/theme/index.less b/packages/app/src/theme/index.less
index b77f8e95..de39e472 100755
--- a/packages/app/src/theme/index.less
+++ b/packages/app/src/theme/index.less
@@ -3,6 +3,7 @@
 @import "theme/vars.less";
 @import "theme/fonts.css";
 @import "theme/fixments.less";
+@import "theme/mobile.less";
 
 html {
 	overflow: hidden;
@@ -295,65 +296,4 @@ html {
 	.postCard {
 		min-width: 30px;
 	}
-}
-
-.app_layout {
-	&.mobile {
-		padding: 10px;
-
-		.loginPage {
-			flex-direction: column;
-
-			.wallpaper {
-				width: 100vw;
-			}
-		}
-
-		.postPage {
-			display: flex;
-			flex-direction: column;
-
-			.commentsWrapper {
-				position: absolute;
-
-				bottom: 0;
-				left: 0;
-			}
-		}
-
-		.accountProfile {
-			padding: 0;
-
-			.contents {
-				display: flex;
-				flex-direction: column;
-
-				padding: 0;
-
-				margin-top: -4.5vh;
-
-				padding: 0;
-
-				.tabContent {
-					padding: 0;
-					padding-top: 20px;
-				}
-
-				.tabMenuWrapper{
-					display: flex;
-					flex-direction: column;
-					align-items: center;
-					justify-content: center;
-
-					width: 100%;
-
-					margin: 0;
-
-					.ant-menu {
-						margin: 0;
-					}
-				}
-			}
-		}
-	}
 }
\ No newline at end of file
diff --git a/packages/app/src/theme/mobile.less b/packages/app/src/theme/mobile.less
new file mode 100644
index 00000000..d103ab5d
--- /dev/null
+++ b/packages/app/src/theme/mobile.less
@@ -0,0 +1,65 @@
+.app_layout {
+	&.mobile {
+		padding: 10px;
+
+		.loginPage {
+			flex-direction: column;
+
+			.wallpaper {
+				width: 100vw;
+			}
+		}
+
+		.dashboard {
+			display: flex;
+            flex-direction: column;
+		}
+
+		.postPage {
+			display: flex;
+			flex-direction: column;
+
+			.commentsWrapper {
+				position: absolute;
+
+				bottom: 0;
+				left: 0;
+			}
+		}
+
+		.accountProfile {
+			padding: 0;
+
+			.contents {
+				display: flex;
+				flex-direction: column;
+
+				padding: 0;
+
+				margin-top: -4.5vh;
+
+				padding: 0;
+
+				.tabContent {
+					padding: 0;
+					padding-top: 20px;
+				}
+
+				.tabMenuWrapper{
+					display: flex;
+					flex-direction: column;
+					align-items: center;
+					justify-content: center;
+
+					width: 100%;
+
+					margin: 0;
+
+					.ant-menu {
+						margin: 0;
+					}
+				}
+			}
+		}
+	}
+}
\ No newline at end of file