refactor: 样式优化

Former-commit-id: 634daf7077f7e534343648fa86acfebb99e9b4de

src/styles/index.scss

@@ -1,63 +1,10 @@
 @import 'src/styles/variables.module';
 @import 'src/styles/element-plus';
 @import './sidebar.scss';
+@import './tailwind.scss';
 
-body {
-  margin: 0;
-  padding: 0;
+html,body,#app{
   height: 100%;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  text-rendering: optimizeLegibility;
-  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
-    Microsoft YaHei, Arial, sans-serif;
-}
-
-label {
-  font-weight: 700;
-}
-
-html {
-  height: 100%;
-  box-sizing: border-box;
-}
-
-#app {
-  height: 100%;
-}
-
-*,
-*:before,
-*:after {
-  box-sizing: inherit;
-}
-
-a:focus,
-a:active {
-  outline: none;
-}
-
-a,
-a:focus,
-a:hover {
-  cursor: pointer;
-  color: inherit;
-  text-decoration: none;
-}
-
-div:focus {
-  outline: none;
-}
-
-.clearfix {
-  &:after {
-    visibility: hidden;
-    display: block;
-    font-size: 0;
-    content: ' ';
-    clear: both;
-    height: 0;
-  }
 }
 
 // main-container global css
@@ -66,10 +13,13 @@ div:focus {
 }
 
 .search{
-  padding:18px  0 0  10px;
+  padding: 18px 0 0 10px;
   margin-bottom: 10px;
-  box-shadow: var(--el-box-shadow-light);
-  border-radius: var(--el-card-border-radius);
-  border: 1px solid var(--el-card-border-color);
+  border-radius: 5px;
+  border: 1px solid #ddd;
+  box-shadow: 6px 2px 6px #CCC;
 }
 
+svg{
+  display: inline-block;
+}