actix/actix-website
1
0
Fork 0
mirror of https://github.com/actix/actix-website synced 2024-11-27 18:12:57 +01:00
Code Issues Releases Wiki Activity

fix mobile style in cn home

Browse Source
This commit is contained in:
krircc 2018-06-23 22:31:17 +08:00
parent 82a2372783
commit 2900da086c
2 changed files with 22 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
layouts/index.html
View File

@ -214,12 +214,7 @@
<div id="act-cn-tabs"> <div id="act-cn-tabs">
<ul class="act-menu">
<li id="one1" onclick="setTab('one',1)">灵活的请求响应</li>
<li id="one2" onclick="setTab('one',2)">强大的Extractors</li>
<li id="one3" onclick="setTab('one',3)">轻松处理表单</li>
<li id="one4" onclick="setTab('one',4)">请求路由</li>
</ul>
<div id="content"> <div id="content">
<div id="con_one_1"> <div id="con_one_1">
<h2>灵活的请求响应</h2> <h2>灵活的请求响应</h2>
@ -293,10 +288,15 @@
}` "rust" "" }} }` "rust" "" }}
</div> </div>
</div> </div>
<ul class="act-menu">
<li id="one1" onclick="setTab('one',1)">灵活的请求响应</li>
<li id="one2" onclick="setTab('one',2)">强大的Extractors</li>
<li id="one3" onclick="setTab('one',3)">轻松处理表单</li>
<li id="one4" onclick="setTab('one',4)">请求路由</li>
</ul>
</div> </div>
</div> </div>
</div> </div>

22
static/css/actix.css
View File

@ -603,16 +603,10 @@ h5:hover a {
#act-cn-tabs { #act-cn-tabs {
padding: 2rem 1.5rem 0.5rem 2rem; padding: 2rem 2rem 1rem 2rem;
margin: 2rem auto; margin: 2rem auto;
background:#dceaea; background:#dceaea;
} }
.act-menu{
width: 24%;
float: right;
border-right:#cccccc solid 1px;
}
.act-menu li{ .act-menu li{
text-align:center; text-align:center;
line-height:44px; line-height:44px;
@ -620,7 +614,19 @@ h5:hover a {
overflow:hidden; overflow:hidden;
} }
.act-menu li.off{ .act-menu li.off{
padding: 0 1.5rem;
background:#FFFFFF; background:#FFFFFF;
color:#000000; color:#589c9e;
font-weight:bold; font-weight:bold;
}
@media (min-width: 768px) {
#act-cn-tabs {
display: flex;
flex-flow: row;
padding: 2rem 1rem 1rem 2rem;
}
#act-cn-tabs #content {
width: 77%;
}
} }