openlp/web-remote
1
0
Fork 0
mirror of https://gitlab.com/openlp/web-remote.git synced 2024-12-22 19:32:49 +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

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

@ -15,10 +15,6 @@ min-height: 100vh;
flex: 1; flex: 1;
} }
.selected {
font-weight: 600;
}
.footer { .footer {
display: flex; display: flex;
flex-direction: row; flex-direction: row;

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

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

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

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