mirror of
https://github.com/Start9Labs/start-os.git
synced 2026-03-30 12:11:56 +00:00
f7c5e64fbc
* fix login error message spacing and ensure not longer than 64 chars * spinner color to tertiary * totally responsive homepage cards * copy changes, back button for marketplace, minor styling * center setup wizard tiles; adjust external link style * remove cert note from setup success * convert launch card to go to login button * change system settings to system; update icons * refactor card widget input as full card details; more card resizing for home page * cleanup * clean up widget params * delete contructor Co-authored-by: Matt Hill <matthewonthemoon@gmail.com>
61 lines
2.1 KiB
HTML
61 lines
2.1 KiB
HTML
<ion-content>
|
|
<ion-grid style="height: 100%; max-width: 540px">
|
|
<ion-row class="ion-align-items-center" style="height: 90%">
|
|
<ion-col class="ion-text-center">
|
|
<div style="padding-bottom: 16px">
|
|
<img src="assets/img/logo.png" style="max-width: 240px" />
|
|
</div>
|
|
|
|
<ion-card>
|
|
<ion-card-header class="ion-text-center" style="padding-bottom: 8px">
|
|
<ion-card-title>Embassy Login</ion-card-title>
|
|
</ion-card-header>
|
|
|
|
<ion-card-content class="ion-margin ion-text-center">
|
|
<form
|
|
class="inline"
|
|
(submit)="submit()"
|
|
style="margin-bottom: 12px"
|
|
>
|
|
<ion-item-group>
|
|
<ion-item color="dark">
|
|
<ion-icon
|
|
slot="start"
|
|
name="key-outline"
|
|
style="margin-right: 16px"
|
|
></ion-icon>
|
|
<ion-input
|
|
[type]="unmasked ? 'text' : 'password'"
|
|
name="password"
|
|
[(ngModel)]="password"
|
|
(ionChange)="error = ''"
|
|
placeholder="Password"
|
|
></ion-input>
|
|
<ion-button fill="clear" color="light" (click)="toggleMask()">
|
|
<ion-icon
|
|
slot="icon-only"
|
|
[name]="unmasked ? 'eye-off-outline' : 'eye-outline'"
|
|
size="small"
|
|
></ion-icon>
|
|
</ion-button>
|
|
</ion-item>
|
|
</ion-item-group>
|
|
<ion-button
|
|
class="login-button"
|
|
type="submit"
|
|
expand="block"
|
|
color="tertiary"
|
|
>
|
|
<span style="font-size: larger; font-weight: bold">Login</span>
|
|
</ion-button>
|
|
<p style="text-align: left; padding-top: 4px">
|
|
<ion-text color="danger">{{ error }}</ion-text>
|
|
</p>
|
|
</form>
|
|
</ion-card-content>
|
|
</ion-card>
|
|
</ion-col>
|
|
</ion-row>
|
|
</ion-grid>
|
|
</ion-content>
|