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 d3f5012e1d4d569690f23bd2b4a764f1a0734fd3 Author: kaufmann <kaufmann@codelutin.com> Date: Fri Jul 31 17:27:52 2020 +0200 Améliorations d'affichage des bookmarks --- web/src/components/Bookmark.vue | 34 ++++++++++++++++++++++++++++++++-- web/src/components/CloudTags.vue | 9 +++++++++ web/src/components/Navigation.vue | 12 +++++++++++- web/src/views/Home.vue | 6 +++--- 4 files changed, 55 insertions(+), 6 deletions(-) diff --git a/web/src/components/Bookmark.vue b/web/src/components/Bookmark.vue index 5b1d193..09e5069 100644 --- a/web/src/components/Bookmark.vue +++ b/web/src/components/Bookmark.vue @@ -111,8 +111,7 @@ b { .bookmark { display: flex; flex-direction: row; - align-items: stretch; - justify-content: space-around; //center; + justify-content: center; align-items: center; margin-bottom: var(--margin--small); @@ -149,4 +148,35 @@ b { width: 100%; } } + +.bookmark-favicon { + width: 20px; + height: 20px; + margin-right: var(--margin--small); +} + +.bookmark-title { + color: var(--color-black); +} + +.bookmark-uri a { + color: inherit; + font-weight: bold; +} + + +.bookmarks-list { + .bookmark-icon { + width: 70px; + + text-align: center; + } + .bookmark-content { + flex: 1; + } +} + +.bookmarks-grid { + +} </style> diff --git a/web/src/components/CloudTags.vue b/web/src/components/CloudTags.vue index 9ed0d8d..c3e998d 100644 --- a/web/src/components/CloudTags.vue +++ b/web/src/components/CloudTags.vue @@ -52,6 +52,15 @@ export default CloudTags flex-wrap: wrap; justify-content: center; align-items: center; + + margin-bottom: var(--default-marge--small); + padding: var(--default-marge--large); + + color: white; + text-align: center; + + background: var(--color-analog); + border-bottom: 1px solid var(--color-separation-border); } .tag { margin: 4px; diff --git a/web/src/components/Navigation.vue b/web/src/components/Navigation.vue index cef1acf..b8d5052 100644 --- a/web/src/components/Navigation.vue +++ b/web/src/components/Navigation.vue @@ -66,8 +66,18 @@ export default Navigation .navigation { display: flex; flex-wrap: wrap; - justify-content: center; align-items: center; + justify-content: center; + + margin: var(--default-marge--medium); + padding: var(--default-marge--small); + + background: var(--color-bookmarks-header); + border: 1px solid var(--color-separation-border); + color: var(--color-text); + position: relative; + text-align: center; + font-size: 130%; } .sort { diff --git a/web/src/views/Home.vue b/web/src/views/Home.vue index 9f0df6a..54719e7 100644 --- a/web/src/views/Home.vue +++ b/web/src/views/Home.vue @@ -82,8 +82,8 @@ export default Home <style scoped lang="less"> .bookmarks-list { - padding-top: var(--margin--large); - padding-left: var(--margin--medium); - padding-right: var(--margin--medium); + margin-top: var(--margin--large); + margin-left: var(--margin--medium); + margin-right: var(--margin--medium); } </style> -- To stop receiving notification emails like this one, please contact chorem.org SCM administrator <admin+scm@chorem.org>.