字体加载逻辑优化

bookshelfplus-frontend/public/assets/stylesheets/style.css

@@ -71,6 +71,13 @@ hr {
 .siteTitle h1 {
   margin-top: 130px;
   font-size: 36px;
+  transition: 0.3s;
+  cursor: default;
+  display: inline-block;
+  user-select: none;
+}
+.siteTitle h1:hover {
+  transform: scale(1.2);
 }
 
 .siteTitle span {
@@ -101,18 +108,26 @@ hr {
   padding: 0 10px;
   width: 300px;
   width: min(70vw, 280px);
-  height: 42px;
+  height: 30px;
   margin-top: 30px;
   margin-bottom: 5px;
 
-  transition: 0.5s;
-}
+  transition: 0.3s;
 
+  border: none;
+  border-bottom: 1px solid #ccc;
+  padding: 0.5em;
+  font-size: 1em;
+  outline: none;
+}
 
 .searchBox #searchInput:focus {
   padding: 0 18px;
   height: 35px;
   width: min(78vw, 300px);
+
+  border: 1px solid rgb(133, 133, 133);
+  border-radius: 3px;
 }
 
 .searchBox #searchButton {
@@ -139,10 +154,12 @@ hr {
 
   margin-left: 10px;
   transition: 0.25s;
+
+  margin-bottom: 3px;
 }
 
 .searchBox #searchButton:hover {
-  background-color: #000;
+  background-color: rgb(39, 39, 39);
   color: #fff;
 }