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