Mercurial > gemma
annotate client/src/App.vue @ 17:7d242100af46
Adjusted the look and feel of the login page according to ISC
We have now a light gray background.
The login is in a white rounded box with black border.
| author | Thomas Junk <thomas.junk@intevation.de> |
|---|---|
| date | Thu, 21 Jun 2018 11:19:02 +0200 |
| parents | 88d0d60924cf |
| children | 7ba0a77fd679 |
| rev | line source |
|---|---|
| 3 | 1 <template> |
| 2 <div id="app"> | |
| 3 <div id="nav"> | |
| 4 </div> | |
| 5 <router-view/> | |
| 6 </div> | |
| 7 </template> | |
| 8 | |
| 9 <style lang="scss"> | |
|
17
7d242100af46
Adjusted the look and feel of the login page according to ISC
Thomas Junk <thomas.junk@intevation.de>
parents:
13
diff
changeset
|
10 body { |
|
7d242100af46
Adjusted the look and feel of the login page according to ISC
Thomas Junk <thomas.junk@intevation.de>
parents:
13
diff
changeset
|
11 background-color: #efefef !important; |
|
7d242100af46
Adjusted the look and feel of the login page according to ISC
Thomas Junk <thomas.junk@intevation.de>
parents:
13
diff
changeset
|
12 } |
|
7d242100af46
Adjusted the look and feel of the login page according to ISC
Thomas Junk <thomas.junk@intevation.de>
parents:
13
diff
changeset
|
13 |
| 3 | 14 #app { |
| 15 font-family: "Avenir", Helvetica, Arial, sans-serif; | |
| 16 -webkit-font-smoothing: antialiased; | |
| 17 -moz-osx-font-smoothing: grayscale; | |
| 18 text-align: center; | |
| 19 color: #2c3e50; | |
| 20 } | |
| 21 #nav { | |
| 22 padding: 30px; | |
| 23 a { | |
| 24 font-weight: bold; | |
| 25 color: #2c3e50; | |
| 26 &.router-link-exact-active { | |
| 27 color: #42b983; | |
| 28 } | |
| 29 } | |
| 30 } | |
| 31 </style> |