Mercurial > gemma
annotate client/src/App.vue @ 485:7a8644e9e50e
client: add (unwired) password reset form
* Add password reset form to the Login view. Pressing the forgotton
link will blend it in and currently the send button will hide it again.
This is a good first place because an additional view and route would be
more work with the same functionality. It doe not yet trigger action
with the backend.
* Put password forgotten part and bottom logo in divs beside the first form
which matches the semantics better.
author | Bernhard Reiter <bernhard@intevation.de> |
---|---|
date | Fri, 24 Aug 2018 12:14:56 +0200 |
parents | b7ac2e4f9c5c |
children | 924490b3395b |
rev | line source |
---|---|
3 | 1 <template> |
2 <div id="app"> | |
3 <router-view/> | |
4 </div> | |
5 </template> | |
6 | |
7 <style lang="scss"> | |
161
b7ac2e4f9c5c
feat: collapsible sidebar
Thomas Junk <thomas.junk@intevation.de>
parents:
30
diff
changeset
|
8 html { |
b7ac2e4f9c5c
feat: collapsible sidebar
Thomas Junk <thomas.junk@intevation.de>
parents:
30
diff
changeset
|
9 height: 100%; |
b7ac2e4f9c5c
feat: collapsible sidebar
Thomas Junk <thomas.junk@intevation.de>
parents:
30
diff
changeset
|
10 } |
17
7d242100af46
Adjusted the look and feel of the login page according to ISC
Thomas Junk <thomas.junk@intevation.de>
parents:
13
diff
changeset
|
11 body { |
161
b7ac2e4f9c5c
feat: collapsible sidebar
Thomas Junk <thomas.junk@intevation.de>
parents:
30
diff
changeset
|
12 min-height: 100%; |
17
7d242100af46
Adjusted the look and feel of the login page according to ISC
Thomas Junk <thomas.junk@intevation.de>
parents:
13
diff
changeset
|
13 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
|
14 } |
7d242100af46
Adjusted the look and feel of the login page according to ISC
Thomas Junk <thomas.junk@intevation.de>
parents:
13
diff
changeset
|
15 |
3 | 16 #app { |
17 font-family: "Avenir", Helvetica, Arial, sans-serif; | |
18 -webkit-font-smoothing: antialiased; | |
19 -moz-osx-font-smoothing: grayscale; | |
20 text-align: center; | |
21 color: #2c3e50; | |
22 } | |
23 #nav { | |
24 padding: 30px; | |
25 a { | |
26 font-weight: bold; | |
27 color: #2c3e50; | |
28 &.router-link-exact-active { | |
29 color: #42b983; | |
30 } | |
31 } | |
32 } | |
33 </style> |