sidemenu shows
This commit is contained in:
@@ -1,7 +1,21 @@
|
||||
:host {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
:host(.full-width) {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
button {
|
||||
color: var(--text);
|
||||
transition: var(--transition);
|
||||
|
||||
:host(.full-width) & {
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: var(--primary-active);
|
||||
}
|
||||
|
||||
@@ -9,8 +9,12 @@ import {FaIconComponent} from '@fortawesome/angular-fontawesome';
|
||||
templateUrl: './button.component.html',
|
||||
styleUrls: ['./button.component.less'],
|
||||
imports: [MatButton, FaIconComponent],
|
||||
host: {
|
||||
'[class.full-width]': 'fullWidth',
|
||||
},
|
||||
})
|
||||
export class ButtonComponent {
|
||||
@Input() public disabled = false;
|
||||
@Input() public fullWidth = false;
|
||||
@Input() public icon: IconProp | null = null;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user