This is an automated email from the git hooks/post-receive script. New commit to branch bow-v2-go in repository bow. See https://gitlab.nuiton.org/chorem/bow.git commit a859577191edbb0e22557536678a66fcce64b0c8 Author: kaufmann <kaufmann@codelutin.com> Date: Tue Apr 14 18:18:49 2020 +0200 Nouvelle UI - Améliorations d'affichage --- web/src/components/SearchInput.vue | 32 ++++++++++++++++++++++++++++---- web/src/components/layout/Header.vue | 3 ++- web/src/components/layout/Sidebar.vue | 8 ++++++-- web/src/views/Home.vue | 12 +++++++----- 4 files changed, 43 insertions(+), 12 deletions(-) diff --git a/web/src/components/SearchInput.vue b/web/src/components/SearchInput.vue index f46d70d..5ff28e7 100644 --- a/web/src/components/SearchInput.vue +++ b/web/src/components/SearchInput.vue @@ -1,12 +1,20 @@ <template> <div class="search"> <form @submit.prevent="search"> - tags: - <input type="text" v-model="mTags" @keyup.enter="search" /> fulltext: - <input type="text" v-model="mFulltext" @keyup.enter="search" /> + <div> + tags: + <input type="text" v-model="mTags" @keyup.enter="search" /> + </div> + <div> + fulltext: + <input type="text" v-model="mFulltext" @keyup.enter="search" /> + </div> </form> <form @submit.prevent="action"> - web: <input type="text" v-model="mQuery" @keyup.enter="action" /> + <div> + web: + <input type="text" v-model="mQuery" @keyup.enter="action" /> + </div> </form> </div> </template> @@ -76,3 +84,19 @@ class SearchInput extends Vue { export default SearchInput </script> + +<style scoped lang="less"> +.search { + display: flex; + flex-direction: row; + padding-top: 0; + padding-bottom: 0; +} +form { + display: flex; + flex-direction: row; +} +input { + width: 100px; +} +</style> \ No newline at end of file diff --git a/web/src/components/layout/Header.vue b/web/src/components/layout/Header.vue index 2feb77e..5e055f0 100644 --- a/web/src/components/layout/Header.vue +++ b/web/src/components/layout/Header.vue @@ -4,8 +4,9 @@ <img alt="Bow logo" src="../../assets/img/logos/bow-text.svg"> </router-link> - <div id="header-user-infos"> <SearchInput></SearchInput> + + <div id="header-user-infos"> <router-link to="/login">Login</router-link> <!-- <a href="/preferences" cssClass="header-link">User Login</a> diff --git a/web/src/components/layout/Sidebar.vue b/web/src/components/layout/Sidebar.vue index 9c192e6..0a74354 100644 --- a/web/src/components/layout/Sidebar.vue +++ b/web/src/components/layout/Sidebar.vue @@ -5,10 +5,14 @@ </div> <div class="sidebar-menu"> <div class="sidebar-menu-link"> - <router-link to="/edit/new">Add</router-link> + <router-link to="/edit/new" title="Add"> + <i class="icon-square-plus icon"></i> + </router-link> </div> <div class="sidebar-menu-link"> - <router-link to="/about">About</router-link> + <router-link to="/about" title="About"> + <i class="icon-help icon"></i> + </router-link> </div> </div> </div> diff --git a/web/src/views/Home.vue b/web/src/views/Home.vue index a83af59..e8a76d4 100644 --- a/web/src/views/Home.vue +++ b/web/src/views/Home.vue @@ -1,11 +1,13 @@ <template> <div class="home"> <div>{{ errorMsg }}</div> - <Bookmark - v-for="bookmark in bookmarks" - :key="bookmark.id" - :bookmark="bookmark" - ></Bookmark> + <div class="bookmarks-list"> + <Bookmark + v-for="bookmark in bookmarks" + :key="bookmark.id" + :bookmark="bookmark" + ></Bookmark> + </div> </div> </template> -- To stop receiving notification emails like this one, please contact chorem.org SCM administrator <admin+scm@chorem.org>.