openlp/web-remote
1
0
Fork 0
mirror of https://gitlab.com/openlp/web-remote.git synced 2024-12-22 03:22:48 +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 {
display: flex;
flex-direction: column;
min-height: 100vh;
display: flex;
flex-direction: column;
min-height: 100vh;
}
.content {
flex: 1;
}
.selected {
font-weight: 600;
flex: 1;
}
.footer {

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

@ -1,6 +1,7 @@
<h3>Send an Alert</h3>
<mat-form-field>
<input matInput [(ngModel)]="alert" type="text" placeholder="Alert"></mat-form-field>
<div>
<button mat-raised-button color="warn" (click)="onSubmit()">Send</button>
</div>
<form #alertForm="ngForm">
<mat-form-field>
<input matInput [(ngModel)]="alert" type="text" name="alert" placeholder="Alert" required>
</mat-form-field>
<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%;
}