style: 1. 留言改为提问

2. 修改复制按钮为inline-block, 防止换行
3. 修改input宽度为flex:1
This commit is contained in:
宁宁 2019-07-10 11:02:50 +08:00
parent faebf13f3d
commit f5ed09ec22

View File

@ -16,11 +16,11 @@
<span>github</span> <span>github</span>
</a> </a>
<a <a
onclick="_hmt.push(['_trackEvent', '交互', '留言'])" onclick="_hmt.push(['_trackEvent', '交互', '提问'])"
class="message" class="message"
href="https://github.com/any86/any-rule/issues/new" href="https://github.com/any86/any-rule/issues/new"
target="_blank" target="_blank"
>留言</a> >提问</a>
</article> </article>
<header> <header>
<h1>正则大全</h1> <h1>正则大全</h1>
@ -352,9 +352,10 @@ main {
border-radius: $radius; border-radius: $radius;
line-height: 2; line-height: 2;
> .btn-copy { > .btn-copy {
display: inline-block;
border-radius: $radius; border-radius: $radius;
margin-right: 15px; margin-right: 15px;
padding: 5px; padding:0 5px;
background: $primary; background: $primary;
color: #fff; color: #fff;
font-size: 12px; font-size: 12px;
@ -385,15 +386,17 @@ main {
@extend .btn-copy; @extend .btn-copy;
background-color: #F44336; background-color: #F44336;
} }
>code{word-break:break-word;}
} }
> section.verification { > section.verification {
margin-top: 15px; margin-top: 15px;
overflow: hidden; overflow: hidden;
> label { > label {
display: block; display: flex;
> input { > input {
width: 40%; flex-grow: 1;
padding: 5px 15px; padding: 5px 15px;
border-radius: $radius; border-radius: $radius;
border: 1px solid #ddd; border: 1px solid #ddd;