Quellcode durchsuchen

모바일 검색 기능 추가 및 기타

Surplus_Up (2DU) vor 7 Jahren
Ursprung
Commit
119d17e13f
2 geänderte Dateien mit 36 neuen und 1 gelöschten Zeilen
  1. 25 1
      views/neo_yousoro/css/main.css
  2. 11 0
      views/neo_yousoro/index.html

+ 25 - 1
views/neo_yousoro/css/main.css

@@ -216,7 +216,31 @@ h6 {
 
 #search {
     display: inline-block;
-    width: 200px;
+    width: 300px;
+}
+
+#mobile_search {
+    width: 100%;
+}
+
+#search_input {
+    width: 80%;
+}
+
+#search button {
+    padding: 0;
+    border: none;
+    background: transparent;
+}
+
+#mobile_search button {
+    padding: 0;
+    border: none;
+    background: transparent;
+}
+
+#mobile_button_first {
+    margin-top: 10px;
 }
 
 #top_tool_mobile {

+ 11 - 0
views/neo_yousoro/index.html

@@ -80,6 +80,10 @@
                         |
                         <form method="post" action="/search" id="search" role="search">
                             <input id="search_input" name="search" placeholder="검색" autocomplete="off" type="search">
+                            |
+                            <button type="submit" formaction="/goto"><i class="fas fa-sign-in-alt"></i></button>
+                            |
+                            <button type="submit" formaction="/search"><i class="fas fa-search"></i></button>
                         </form>
                     </div>
                     <div id="top_tool_mobile" class="is_mobile">
@@ -91,6 +95,13 @@
             </div>
             <div id="mobile_menu" class="is_mobile" style="display: none;">
                 <div id="mobile_menu_main">
+                    <form method="post" action="/search" id="mobile_search" role="search">
+                        <input id="mobile_search_input" name="search" placeholder="검색" autocomplete="off" type="search">
+                        <br>
+                        <button id="mobile_button_first" type="submit" formaction="/goto"><i class="fas fa-sign-in-alt"></i></button>
+                        |
+                        <button type="submit" formaction="/search"><i class="fas fa-search"></i></button>
+                    </form>
                     <div id="close_top">
                         <a href="javascript:void(0);" onclick="opening('mobile_menu');">
                             <i class="fas fa-bars"></i>