Add logo to login page.
This commit is contained in:
parent
7b0b5e72ec
commit
e8df3ccfdd
@ -13,10 +13,19 @@
|
||||
* See the License for the specific language governing permissions and
|
||||
* limitations under the License.
|
||||
*/
|
||||
|
||||
/* eslint-disable import/no-unresolved, import/default */
|
||||
|
||||
import logoSvg from '../../svg/logo_title_white.svg';
|
||||
|
||||
/* eslint-enable import/no-unresolved, import/default */
|
||||
|
||||
/*@ngInject*/
|
||||
export default function LoginController(toast, loginService, userService/*, $rootScope, $log, $translate*/) {
|
||||
var vm = this;
|
||||
|
||||
vm.logoSvg = logoSvg;
|
||||
|
||||
vm.user = {
|
||||
name: '',
|
||||
password: ''
|
||||
|
||||
@ -20,4 +20,12 @@ md-card.tb-login-card {
|
||||
@media (min-width: $layout-breakpoint-sm) {
|
||||
width: 450px !important;
|
||||
}
|
||||
md-card-title {
|
||||
img.tb-login-logo {
|
||||
height: 50px;
|
||||
}
|
||||
}
|
||||
md-card-content {
|
||||
margin-top: -50px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -18,11 +18,9 @@
|
||||
<md-content layout="row" layout-align="center center" style="width: 100%;">
|
||||
<md-card flex="initial" class="tb-login-card" md-theme="tb-dark">
|
||||
<md-card-title>
|
||||
<md-card-title-text>
|
||||
<span translate class="md-headline">login.sign-in</span>
|
||||
</md-card-title-text>
|
||||
<img src="{{vm.logoSvg}}" aria-label="logo" class="tb-login-logo"/>
|
||||
</md-card-title>
|
||||
<md-progress-linear class="md-warn" style="z-index: 1; max-height: 5px; width: inherit; position: absolute"
|
||||
<md-progress-linear class="md-warn" style="z-index: 1; max-height: 0px; width: inherit;"
|
||||
md-mode="indeterminate" ng-disabled="!$root.loading" ng-show="$root.loading"></md-progress-linear>
|
||||
<md-card-content>
|
||||
<form class="login-form" ng-submit="vm.login()">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user