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/journal/journal.component.html
+18 -16
View File
@@ -11,9 +11,9 @@
</mat-icon>
</mat-card-title-group>
<mat-card-content>
<form [formGroup]="form" fxLayout="column">
<div fxLayout="row" 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">
<input
matInput
[matDatepicker]="date"
@@ -29,19 +29,15 @@
</div>
<div
formGroupName="addRow"
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 sm:max-lg:flex-col"
>
<mat-form-field fxFlex="15">
<mat-form-field class="flex-auto mr-5 basis-1/6">
<mat-select formControlName="debit">
<mat-option [value]="1">Dr</mat-option>
<mat-option [value]="-1">Cr</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field fxFlex="50">
<mat-form-field class="flex-auto mr-5 basis-1/2">
<input
type="text"
matInput
@@ -66,7 +62,7 @@
account.name
}}</mat-option>
</mat-autocomplete>
<mat-form-field fxFlex="20">
<mat-form-field class="flex-auto mr-5 basis-1/6">
<mat-label>Amount</mat-label>
<span matPrefix>₹ </span>
<input
@@ -78,7 +74,9 @@
/>
</mat-form-field>
<button mat-raised-button color="primary" (click)="addRow()" fxFlex="15">Add</button>
<button mat-raised-button color="primary" (click)="addRow()" class="flex-auto basis-1/6">
Add
</button>
</div>
<mat-table #table [dataSource]="dataSource" matSort aria-label="Elements">
<!-- Debit Column -->
@@ -117,7 +115,7 @@
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
<mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
</mat-table>
<mat-form-field>
<mat-form-field class="flex-auto">
<mat-label>Narration</mat-label>
<textarea
matInput
@@ -126,14 +124,18 @@
formControlName="narration"
></textarea>
</mat-form-field>
<div fxLayout="row" fxLayoutGap="0.5%" fxLayoutAlign="center">
<div class="img-container" fxFlex="20%" *ngFor="let item of voucher.files">
<div class="flex flex-row justify-center items-stretch">
<div
class="img-container"
class="flex-auto mr-5 basis-1/5"
*ngFor="let item of voucher.files"
>
<img [src]="item.thumbnail" (click)="zoomImage(item)" />
<button mat-icon-button class="overlay" (click)="deleteImage(item)">
<mat-icon>delete</mat-icon>
</button>
</div>
<div class="img-container" fxFlex="20%">
<div class="img-container" class="flex flex-auto basis-1/5">
<label ng-href for="fileUp">
<img
src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTUwIj48cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjE1MCIgZmlsbD0iI2VlZSIvPjx0ZXh0IHRleHQtYW5jaG9yPSJtaWRkbGUiIHg9IjUwIiB5PSI3NSIgc3R5bGU9ImZpbGw6I2FhYTtmb250LXdlaWdodDpib2xkO2ZvbnQtc2l6ZToxMDBweDtmb250LWZhbWlseTpBcmlhbCxIZWx2ZXRpY2Esc2Fucy1zZXJpZjtkb21pbmFudC1iYXNlbGluZTpjZW50cmFsIj4rPC90ZXh0Pjwvc3ZnPg=="