Mercurial > gemma

comparison client/src/components/Topbar.vue @ 551:89bc8111563a

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
refac: Layout adjustments
author Thomas Junk <thomas.junk@intevation.de>
date Fri, 31 Aug 2018 14:12:00 +0200
parents 06907c875077
children f66116b3a249
comparison
equal deleted inserted replaced
550:06907c875077 551:89bc8111563a
20 </template> 20 </template>
21 21
22 <style lang="scss"> 22 <style lang="scss">
23 @import "../assets/application.scss"; 23 @import "../assets/application.scss";
24 .topbar { 24 .topbar {
25 min-height: 38px; 25 position: absolute;
26 width: 100vw;
26 height: $topbarheight; 27 height: $topbarheight;
28 min-height: 40px;
29 background-color: white;
30 z-index: 100;
27 } 31 }
28 32
29 .searchcontainer { 33 .searchcontainer {
30 min-width: 300px;
31 margin-left: auto; 34 margin-left: auto;
32 } 35 }
33 36
34 .usermanagement { 37 .usermanagement {
35 min-width: 300px;
36 margin-left: auto; 38 margin-left: auto;
37 } 39 }
38 .logout { 40 .logout {
39 position: relative; 41 position: relative;
40 top: 3px; 42 top: 3px;
58 font-size: x-large; 60 font-size: x-large;
59 margin-right: $small-offset; 61 margin-right: $small-offset;
60 } 62 }
61 63
62 .searchbar { 64 .searchbar {
63 width: 50vw; 65 width: 30vw;
64 border: 1px solid; 66 border: 1px solid;
65 border-color: #aaaaaa; 67 border-color: #aaaaaa;
66 border-radius: 10px; 68 border-radius: 10px;
67 padding-left: 1rem; 69 padding-left: 1rem;
68 padding-right: 1rem; 70 padding-right: 1rem;