RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-11 03:24:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

split mobile styles into separated file

Browse Source
This commit is contained in:
SrGooglo 2022-11-24 14:15:52 +00:00
parent c90c1d0336
commit 6b8c8317f9
2 changed files with 66 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
packages/app/src/theme/index.less
View File

@ -3,6 +3,7 @@
@import "theme/vars.less"; @import "theme/vars.less";
@import "theme/fonts.css"; @import "theme/fonts.css";
@import "theme/fixments.less"; @import "theme/fixments.less";
@import "theme/mobile.less";
html { html {
overflow: hidden; overflow: hidden;
@ -295,65 +296,4 @@ html {
.postCard { .postCard {
min-width: 30px; 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;
}
}
}
}
}
} }

65
packages/app/src/theme/mobile.less Normal file
View File

@ -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;
}
}
}
}
}
}