MaxKey/maxkey-web-frontend/maxkey-web-app/src/app/layout/passport/passport.component.html

<div class="container">
  <div nz-row style="border-bottom: 1px solid #e5e5e5; min-height: 60px; text-shadow: 0 1px 0 #fff">
    <div nz-col nzMd="2"></div>
    <div nz-col nzMd="2" style="text-align: right">
      <img *ngIf="!inst.custom" style="margin-top: 6px" class="logo" src="./assets/logo.png" />
      <img *ngIf="inst.custom" style="margin-top: 6px" class="logo" src="{{ inst.logo }}" />
    </div>
    <div nz-col nzMd="10">
      <div *ngIf="!inst.custom" class="title">
        <span style="color: #000099">Max</span>
        <span style="color: #ffd700">Key</span>
        {{ 'mxk.title' | i18n }}
      </div>
      <div *ngIf="inst.custom" class="title">{{ inst.title }}</div>
    </div>
    <div nz-col nzMd="6"></div>
    <div nz-col nzXs="0" nzSm="0" nzMd="2">
      <header-i18n showLangText="false" class="langs"></header-i18n>
    </div>
    <div nz-col nzMd="2"></div>
  </div>

  <div class="wrap">
    <div class="top" nz-col nzXs="0" nzSm="0" nzMd="24">
      <div class="desc" *ngIf="!inst.custom">
        <b>{{ 'mxk.login.title.sub' | i18n }}</b>
      </div>
    </div>
    <router-outlet></router-outlet>
    <global-footer style="border-top: 1px solid #e5e5e5; min-height: 60px; text-shadow: 0 1px 0 #fff">
      <div style="margin-top: 20px">
        MaxKey {{ version }}<br />
        Copyright
        <i nz-icon nzType="copyright"></i>
        2022
        <a href="//www.maxkey.top" target="_blank"> http://www.maxkey.top </a><br />
        Licensed under the Apache License, Version 2.0
      </div>
    </global-footer>
  </div>
</div>
<theme-btn></theme-btn>