openlp/web-remote
1
0
Fork 0
mirror of https://gitlab.com/openlp/web-remote.git synced 2024-12-22 11:32:47 +00:00
Code Issues Projects Releases Wiki Activity

Style alerts

Browse Source
This commit is contained in:
Simon Hanna 2018-08-22 22:26:08 +02:00
parent 19981ad608
commit 0a81fcb1b3
3 changed files with 17 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/app.component.scss
View File

@ -6,17 +6,13 @@ mat-sidenav {
} }
.page-wrap { .page-wrap {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 100vh; min-height: 100vh;
} }
.content { .content {
flex: 1; flex: 1;
}
.selected {
font-weight: 600;
} }
.footer { .footer {

11
src/app/components/alert/alert.component.html
View File

@ -1,6 +1,7 @@
<h3>Send an Alert</h3> <h3>Send an Alert</h3>
<mat-form-field> <form #alertForm="ngForm">
<input matInput [(ngModel)]="alert" type="text" placeholder="Alert"></mat-form-field> <mat-form-field>
<div> <input matInput [(ngModel)]="alert" type="text" name="alert" placeholder="Alert" required>
<button mat-raised-button color="warn" (click)="onSubmit()">Send</button> </mat-form-field>
</div> <button mat-raised-button color="primary" id="sendButton" [disabled]="!alertForm.form.valid" (click)="onSubmit()">Send</button>
</form>

7
src/app/components/alert/alert.component.scss
View File

@ -0,0 +1,7 @@
mat-form-field {
width: 100%;
}
#sendButton {
width: 100%;
}