diff --git a/src/app/app.component.css b/src/app/app.component.css index 6696841..50b0158 100644 --- a/src/app/app.component.css +++ b/src/app/app.component.css @@ -5,18 +5,30 @@ p-toolbar img{ height: 33px; padding-left: 50px; } -p-toolbar button{ - background: none; - border: none; - color: #3366ff; -} -.splitBtn{ - background: none !important; - -} + .ui-inputgroup{ padding-top: 10px; padding-bottom: 10px -} \ No newline at end of file +} + +p-toolbar { + background-color: lightgrey; + opacity: 0.7; + z-index: 999; + position: absolute; + width: 100%; + border:none; +} + + + + +p-toolbar .ui-button { + background-color: transparent ; + opacity: 1; + color:#3366ff; + border: none; +} + diff --git a/src/app/app.component.html b/src/app/app.component.html index e2d6cc7..7a70cd6 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -12,7 +12,8 @@ - + + diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 600a1b2..3658f5e 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -12,21 +12,18 @@ export class AppComponent implements OnInit{ items : MenuItem[]; + public Connected : false; + display: boolean = false; + constructor(){} ngOnInit(){ this.items = [ {label: 'Update', icon: 'pi pi-refresh'}, - {label: 'Delete', icon: 'pi pi-times'} - + {label: 'Delete', icon: 'pi pi-times'} ]; - - - } - display: boolean = false; - public logIn() { this.display = true;