Beautified the search input.

cotes2020 · cotes2020 · commit ee4045319298 · 2019-11-20T01:50:55.000+08:00
diff --git a/assets/css/main.scss b/assets/css/main.scss
@@ -274,30 +274,35 @@ body {
   display: none;
 }
 
-#search-wrap i {
+#search-wrap i.fas {
   position: relative;
   top: 1rem;
   left: .5rem;
   z-index: 2;
   font-size: .9rem;
-  color: #c2c6cc!important;
+  color: #c2c6cc;
 }
 
 #search-input {
   position: relative;
   top: -.86rem;
   background: #f5f5f5;
-  border-color: #e9ecef;
+  border-color: #fff;
   border-radius: 0.9rem;
   padding: .18rem .75rem .18rem 2rem;
-  color: #797878;
 }
 
 #search-input:focus {
   box-shadow: none;
   background: center;
+  border-color: #e9ecef;
 }
 
+#search-input:focus.form-control::-webkit-input-placeholder { opacity: 0.6; }
+#search-input:focus.form-control::-moz-placeholder { opacity: 0.6; }
+#search-input:focus.form-control:-ms-input-placeholder { opacity: 0.6; }
+#search-input:focus.form-control::placeholder { opacity: 0.6; }
+
 #topbar-title {
   display: none;
   font-size: 1.1rem;
