💄 Site > Search > Add design

2017-09-07 12:46:52 +02:00
parent 62d0eb31ff
commit 3bbcd56d60
6 changed files with 35 additions and 9 deletions
@@ -7,6 +7,16 @@
    background #26283B
    color #ffffff

+.search
+    display block
+    font-size 14px
+    padding-left 20px
+    width 100%
+    height 40px
+    margin-bottom 10px
+    line-height 40px
+    border-bottom 1px solid rgba(255, 255, 255, 0.2)
+
 .content
    line-height 28px
    font-size 14px
@@ -1,5 +1,5 @@
 <div class="file-tree" :style="`right: calc(100vw - 290px - ${scrollbarWidth}px);`">
-    <input type="text" v-model="searchValue">
+    <input class="search" type="text" v-model="searchValue" placeholder="Search for files ...">
    <files-tree-folder class="content" v-for="folder of files.folders" :key="+ new Date()" :content="folder" :depth="0"></files-tree-folder>
    <div>
         <a href="#" class="all-read" @click.prevent="onAllReadClick">Mark all as read</a>