gaja-group
/
matrix-bot
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Improved responsive styling.

This commit is contained in:
Nad Chishtie 2019-04-09 16:40:41 +02:00
parent 527dc1982e
commit 17788b2027
1 changed files with 27 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/vector/mobile_guide/index.html
View File

@ -15,17 +15,16 @@ body {
.mx_Button { .mx_Button {
margin-top: 40px; margin-top: 40px;
height: 40px;
border: 0; border: 0;
border-radius: 40px; border-radius: 4px;
font-size: 15px;
margin-left: 4px; margin-left: 4px;
margin-right: 4px; margin-right: 4px;
min-width: 80px; min-width: 80px;
background-color: #03B381; background-color: #03B381;
color: #fff; color: #fff;
cursor: pointer; cursor: pointer;
font-size: 15px; padding: 12px 22px;
padding: 0 22px;
word-break: break-word; word-break: break-word;
} }
@ -119,6 +118,30 @@ body {
margin-top: 30px; margin-top: 30px;
} }
@media screen and (max-width: 1120px) {
body {
font-size: 28px;
}
h1 {
font-size: 26px;
}
h4 {
font-size: 20px;
}
.mx_Button {
font-size: 14px;
padding: 14px 28px;
}
.mx_HomePage_toprow {
margin-top: 20px;
}
.mx_Spacer {
margin-top: 60px;
}
}
</style> </style>
<meta name="apple-itunes-app" content="app-id=id1083446067"> <meta name="apple-itunes-app" content="app-id=id1083446067">