💄 Updating the UI and style files

2020-02-03 08:38:40 +05:30
parent 67e98ef46b
commit 09a88b4a97
13 changed files with 79 additions and 73 deletions
--- a/components/history.vue
+++ b/components/history.vue
@@ -1,14 +1,19 @@
 <template>
  <pw-section class="green" icon="history" :label="$t('history')" ref="history">
    <ul>
-      <li id="filter-history">
-        <input
-          aria-label="Search"
-          type="text"
-          :placeholder="$t('search_history')"
-          v-model="filterText"
-        />
-      </li>
+      <div class="show-on-large-screen">
+        <li id="filter-history">
+          <input
+            aria-label="Search"
+            type="text"
+            :placeholder="$t('search')"
+            v-model="filterText"
+          />
+        </li>
+        <button class="icon">
+          <i class="material-icons">search</i>
+        </button>
+      </div>
    </ul>
    <virtual-list
      class="virtual-list"