dany/antd-web-apps
1
0
Fork 0
mirror of https://github.com/lxsang/antd-web-apps synced 2025-07-26 10:39:46 +02:00
Code Issues Projects Releases Wiki Activity

add mobile support to all site

Browse Source
This commit is contained in:
Xuan Sang LE
2018-02-25 13:54:37 +01:00
parent 16287ce58e
commit 7f6b11a45a
7 changed files with 94 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
blog/assets/style.css
View File

@ -62,6 +62,8 @@ html,body{
#center{
height: calc(100% - 80px);
overflow-y: auto;
padding-left: 15px;
padding-right: 15px;
}
#navbar{
margin:0 auto;
@ -70,6 +72,14 @@ html,body{
justify-content:flex-end;
flex-direction: row;
}
#navbar.navmobile{
margin:0 auto;
max-width: 960px;
display: flex;
justify-content:flex-start;
flex-direction: row;
font-size: 14px;
}
#container{
margin:0 auto;
max-width: 960px;
@ -110,6 +120,10 @@ button{
flex-direction: row;
}
#container .mobile {
display: flex;
flex-direction: column;
}
#container .card .side{
padding-top:28px;
padding-bottom: 0;
@ -121,6 +135,10 @@ button{
color:#3170B2;
text-align: right;
}
#container .mobile .side{
width: 100%;
text-align: left;
}
#container .card .side .date{
display: inline-block;
color: #662702;
@ -128,6 +146,9 @@ button{
padding-bottom: 7px;
border-right: 1px solid #cccccc;
}
#container .mobile .side .date{
border: 0;
}
#container .card .side .tags{
display: block;
padding-right: 5px;
@ -136,6 +157,9 @@ button{
color:#878887;
border-right: 1px solid #cccccc;
}
#container .mobile .side .tags{
border: 0;
}
#container .card .side .tags a{
color:#878887;
text-decoration: none;
@ -166,6 +190,13 @@ button{
margin-left: auto;
margin-right: auto;
}
#container .blogentry pre {
white-space: pre-wrap; /* Since CSS 2.1 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
#container .blogentry a{
text-decoration: none;
color:#3170B2;
@ -256,6 +287,15 @@ div.logo{
background-position: right;
background-size: 34% 85%;
}
#navbar.navmobile div.logo {
display: block;
width: 50px;
height:50px;
background-image: url(mrsang.min.png);
background-repeat: no-repeat;
background-position: right;
background-size: 85% 85%;
}
div.logo a{
display: block;
text-decoration: none;