dowerx/quack-angular
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ngStyle

Browse Source
This commit is contained in:
Benedek László 2024-05-11 16:44:49 +02:00
parent da67b5527e
commit ec00a95fbe
3 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/shared/top-menu/top-menu.component.html
View File

@ -5,7 +5,7 @@
{{title != undefined ? title : 'Quack'}} {{title != undefined ? title : 'Quack'}}
<span> <span [ngStyle]="{float: 'right',padding: '5px;'}">
<mat-form-field> <mat-form-field>
<mat-label>Search users</mat-label> <mat-label>Search users</mat-label>
<input matInput type="text" #search> <input matInput type="text" #search>

8
src/app/shared/top-menu/top-menu.component.scss
View File

@ -10,10 +10,10 @@ mat-toolbar {
aspect-ratio: 1; aspect-ratio: 1;
} }
span { // span {
float: right; // float: right;
padding: 5px; // padding: 5px;
} // }
box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.4); box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.4);
} }

5
src/app/shared/top-menu/top-menu.component.ts
View File

@ -3,20 +3,19 @@ import { MatToolbarModule } from '@angular/material/toolbar';
import { MatInputModule } from '@angular/material/input'; import { MatInputModule } from '@angular/material/input';
import { MatIconModule } from '@angular/material/icon'; import { MatIconModule } from '@angular/material/icon';
import { MatButtonModule } from '@angular/material/button'; import { MatButtonModule } from '@angular/material/button';
import { NgIf } from '@angular/common'; import { CommonModule, NgIf } from '@angular/common';
import { RouterModule } from '@angular/router'; import { RouterModule } from '@angular/router';
@Component({ @Component({
selector: 'app-top-menu', selector: 'app-top-menu',
standalone: true, standalone: true,
imports: [MatToolbarModule, MatInputModule, MatIconModule, MatButtonModule, NgIf, RouterModule], imports: [MatToolbarModule, MatInputModule, MatIconModule, MatButtonModule, NgIf, RouterModule, CommonModule],
templateUrl: './top-menu.component.html', templateUrl: './top-menu.component.html',
styleUrl: './top-menu.component.scss' styleUrl: './top-menu.component.scss'
}) })
export class TopMenuComponent { export class TopMenuComponent {
@Input() title?: String; @Input() title?: String;
@Output() side: EventEmitter<Boolean> = new EventEmitter<Boolean>(); @Output() side: EventEmitter<Boolean> = new EventEmitter<Boolean>();
openSide() { openSide() {
this.side.emit(true); this.side.emit(true);
} }