tanshu/barker
1
0
Fork 0
Code Issues 1 Pull Requests Releases 4 Activity

Removed all mr-5, mb-5 and basis tailwind classes.

Browse Source 
Will soon remove tailwind totally.
This commit is contained in:
Amritanshu Agrawal
2025-07-10 10:58:48 +00:00
parent d80d097c0e
commit 8ad9e6562c
75 changed files with 466 additions and 354 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
bookie/src/app/temporal-product/temporal-product-detail/temporal-product-detail.component.html
View File

@ -4,24 +4,24 @@
</mat-card-header>
<mat-card-content>
<form [formGroup]="form" class="flex flex-col">
<div class="flex flex-row justify-around content-start items-start">
<div class="row-container">
<mat-form-field class="flex-auto">
<mat-label>Product ID</mat-label>
<input matInput formControlName="id" />
</mat-form-field>
</div>
<div class="flex flex-row justify-around content-start items-start">
<mat-form-field class="flex-auto basis-3/4 mr-5">
<div class="row-container">
<mat-form-field class="flex-auto basis-3-4">
<mat-label>Name</mat-label>
<input matInput #name formControlName="name" />
</mat-form-field>
<mat-form-field class="flex-auto basis-1/4">
<mat-form-field class="flex-auto basis-1-4">
<mat-label>Units</mat-label>
<input matInput formControlName="units" />
</mat-form-field>
</div>
<div class="flex flex-row justify-around content-start items-start">
<mat-form-field class="flex-auto mr-5">
<div class="row-container">
<mat-form-field class="flex-auto">
<mat-label>Price</mat-label>
<input matInput type="number" formControlName="price" />
</mat-form-field>
@ -30,12 +30,12 @@
<input matInput type="number" formControlName="quantity" />
</mat-form-field>
</div>
<div class="flex flex-row justify-around content-start items-start">
<div class="row-container">
<mat-checkbox formControlName="hasHappyHour">Has Happy Hour?</mat-checkbox>
<mat-checkbox formControlName="isNotAvailable">Is Not Available?</mat-checkbox>
</div>
<div class="flex flex-row justify-around content-start items-start">
<mat-form-field class="flex-auto mr-5">
<div class="row-container">
<mat-form-field class="flex-auto">
<mat-label>Menu Category</mat-label>
<mat-select formControlName="menuCategory">
@for (mc of menuCategories; track mc) {
@ -56,14 +56,14 @@
</mat-select>
</mat-form-field>
</div>
<div class="flex flex-row justify-around content-start items-start">
<mat-form-field class="flex-auto basis-1/2 mr-5">
<div class="row-container">
<mat-form-field class="flex-auto basis-1-2">
<mat-label>Valid From</mat-label>
<input matInput [matDatepicker]="validFrom" formControlName="validFrom" autocomplete="off" />
<mat-datepicker-toggle matSuffix [for]="validFrom"></mat-datepicker-toggle>
<mat-datepicker #validFrom></mat-datepicker>
</mat-form-field>
<mat-form-field class="flex-auto basis-1/2">
<mat-form-field class="flex-auto basis-1-2">
<mat-label>Valid Till</mat-label>
<input matInput [matDatepicker]="validTill" formControlName="validTill" autocomplete="off" />
<mat-datepicker-toggle matSuffix [for]="validTill"></mat-datepicker-toggle>
@ -72,8 +72,8 @@
</div>
</form>
</mat-card-content>
<mat-card-actions>
<button mat-raised-button color="primary" class="mr-5" (click)="update()">Update</button>
<mat-card-actions class="row-container">
<button mat-raised-button color="primary" class="" (click)="update()">Update</button>
<button mat-raised-button color="warn" (click)="confirmDelete()">Delete</button>
</mat-card-actions>
</mat-card>

8
bookie/src/app/temporal-product/temporal-product-list/temporal-product-list.component.html
View File

@ -4,12 +4,12 @@
</mat-card-header>
<mat-card-content>
<form [formGroup]="form" class="flex flex-col">
<div class="flex flex-row justify-around content-start items-start sm:max-lg:flex-col">
<mat-form-field class="flex-auto basis-2/5 mr-5">
<div class="row-container sm:max-lg:flex-col">
<mat-form-field class="flex-auto basis-2-5">
<mat-label>Filter</mat-label>
<input type="text" matInput formControlName="filter" autocomplete="off" />
</mat-form-field>
<mat-form-field class="flex-auto basis-3/10 mr-5">
<mat-form-field class="flex-auto basis-30">
<mat-label>Menu Category</mat-label>
<mat-select formControlName="menuCategory" (selectionChange)="filterMcOn($event.value)">
<mat-option>-- All Products --</mat-option>
@ -20,7 +20,7 @@
}
</mat-select>
</mat-form-field>
<mat-form-field class="flex-auto basis-3/10">
<mat-form-field class="flex-auto basis-30">
<mat-label>Sale Category</mat-label>
<mat-select formControlName="saleCategory" (selectionChange)="filterScOn($event.value)">
<mat-option>-- All Products --</mat-option>