From d0b854e9a39723bd3547bcbf172b2bde880b9d07 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=BB=93=E5=8F=91=E5=8F=97=E9=95=BF=E7=94=9F?= Date: Fri, 17 May 2019 08:03:49 +0800 Subject: [PATCH] =?UTF-8?q?=E5=BC=80=E5=A7=8B=E6=94=B9=E9=80=A0=E6=90=9C?= =?UTF-8?q?=E7=B4=A2=E6=A1=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- themes/yilia/source-src/css/mobile.scss | 3 --- themes/yilia/source-src/css/reward.scss | 2 +- themes/yilia/source-src/css/tools.scss | 26 +++++++++++++++++++++---- 3 files changed, 23 insertions(+), 8 deletions(-) diff --git a/themes/yilia/source-src/css/mobile.scss b/themes/yilia/source-src/css/mobile.scss index 79540bb..07607d7 100644 --- a/themes/yilia/source-src/css/mobile.scss +++ b/themes/yilia/source-src/css/mobile.scss @@ -34,9 +34,6 @@ html, body, #container { } .tools-wrap, .tools-section { width: 300px; - .search-wrap { - width: 280px; - } .search-tag.tagcloud { margin-right: -30px; } diff --git a/themes/yilia/source-src/css/reward.scss b/themes/yilia/source-src/css/reward.scss index ed02266..5ef20a0 100644 --- a/themes/yilia/source-src/css/reward.scss +++ b/themes/yilia/source-src/css/reward.scss @@ -45,6 +45,6 @@ width: 130px; height: 130px; border: 6px solid $colorBorder; - border-radius: 3px; + border-radius: $radiusSmall; } } diff --git a/themes/yilia/source-src/css/tools.scss b/themes/yilia/source-src/css/tools.scss index 2f149e2..5cfacba 100644 --- a/themes/yilia/source-src/css/tools.scss +++ b/themes/yilia/source-src/css/tools.scss @@ -33,20 +33,20 @@ } .tools-section { .search-wrap { - width: 310px; margin: 20px 20px 10px 20px; position: relative; + border-bottom: 2px solid $colorF; + cursor: text; .search-ipt { - width: 310px; + width: 50px; color: $colorF; background: none; border: none; - border-bottom: 2px solid $colorF; } .icon { position: absolute; right: 0; - top: 7px; + bottom: 7px; color: $colorF; cursor: pointer; @extend %trans; @@ -54,6 +54,24 @@ transform: scale(1.2); } } + .search-item { + border: 1px solid $colorF; + padding-left: 5px; + line-height: 1.4em; + display: inline-block; + border-radius: $radiusBase; + &::after { + content: "x"; + border-left: 1px solid $colorF; + width: 20px; + height: 20px; + display: inline-block; + margin: 3px 0 3px 3px; + line-height: 20px; + text-align: center; + cursor: pointer; + } + } ::-webkit-input-placeholder { color: #ededed; }