tanshu/brewman
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Chore: Removed @angular/flex-layout and replaced it with tailwind.

Browse Source 
Chore: Upgraded some packages
This commit is contained in:
tanshu
2022-12-11 07:50:45 +05:30
parent b9fbdd4b99
commit 4a85a9133e
104 changed files with 564 additions and 975 deletions
Download Patch File Download Diff File Expand all files Collapse all files
overlord/src/app/user/user-detail/user-detail.component.css
-3
View File
@@ -1,3 +0,0 @@
.example-card {
max-width: 400px;
}
overlord/src/app/user/user-detail/user-detail.component.html
+11 -34
View File
@@ -1,30 +1,18 @@
<div fxLayout="row" fxFlex="50%" fxLayoutAlign="space-around center" class="example-card">
<mat-card fxFlex>
<div class="flex flex-auto flex-row justify-around content-center items-center lg:max-w-[50%]">
<mat-card class="flex-auto">
<mat-card-title-group>
<mat-card-title>User</mat-card-title>
</mat-card-title-group>
<mat-card-content>
<form [formGroup]="form" fxLayout="column">
<div
fxLayout="row"
fxLayoutAlign="space-around start"
fxLayout.lt-md="column"
fxLayoutGap="20px"
fxLayoutGap.lt-md="0px"
>
<mat-form-field fxFlex>
<form [formGroup]="form" class="flex flex-col">
<div class="flex flex-row justify-around content-start items-start">
<mat-form-field class="flex-auto">
<mat-label>Name</mat-label>
<input matInput #nameElement placeholder="Name" formControlName="name" />
</mat-form-field>
</div>
<div
fxLayout="row"
fxLayoutAlign="space-around start"
fxLayout.lt-md="column"
fxLayoutGap="20px"
fxLayoutGap.lt-md="0px"
>
<mat-form-field fxFlex>
<div class="flex flex-row justify-around content-start items-start">
<mat-form-field class="flex-auto">
<mat-label>Password</mat-label>
<input
matInput
@@ -37,28 +25,17 @@
}}</mat-icon>
</mat-form-field>
</div>
<div
fxLayout="row"
fxLayoutAlign="space-around start"
fxLayout.lt-md="column"
fxLayoutGap="20px"
fxLayoutGap.lt-md="0px"
>
<mat-checkbox formControlName="lockedOut">Is Locked Out?</mat-checkbox>
<div class="flex flex-row justify-around content-start items-start">
<mat-checkbox formControlName="lockedOut" class="flex-auto">Is Locked Out?</mat-checkbox>
</div>
<mat-divider></mat-divider>
<div formArrayName="roles">
<div
fxLayout="row"
*ngFor="let r of item.roles; index as i"
[formGroupName]="i"
fxLayout="row"
fxLayoutAlign="space-around start"
fxLayout.lt-md="column"
fxLayoutGap="20px"
fxLayoutGap.lt-md="0px"
class="flex flex-row justify-around content-start items-start"
>
<mat-checkbox formControlName="role" fxFlex>{{ r.name }}</mat-checkbox>
<mat-checkbox formControlName="role" class="flex-auto">{{ r.name }}</mat-checkbox>
</div>
</div>
</form>