jessebrault/meals-made-easy-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

MME-17 Spacing between ingredients table and add ingredient button.

Browse Source
This commit is contained in:
Jesse Brault 2026-02-08 12:57:23 -06:00
parent 64b3cf92f7
commit e05ebf5b62
2 changed files with 62 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/pages/recipe-upload-page/steps/enter-recipe-data/enter-recipe-data.css
View File

@ -21,6 +21,12 @@ textarea {
padding: 0; padding: 0;
} }
.ingredients-container {
display: flex;
flex-direction: column;
row-gap: 10px;
}
.mat-column-reorder { .mat-column-reorder {
width: 32px; width: 32px;
text-align: center; text-align: center;

3
src/app/pages/recipe-upload-page/steps/enter-recipe-data/enter-recipe-data.html
View File

@ -24,6 +24,7 @@
<input matInput [formControl]="recipeFormGroup.controls.slug" /> <input matInput [formControl]="recipeFormGroup.controls.slug" />
</mat-form-field> </mat-form-field>
<div class="ingredients-container">
<h3>Ingredients</h3> <h3>Ingredients</h3>
<table <table
@ -82,7 +83,9 @@
[cdkDragData]="row" [cdkDragData]="row"
></tr> ></tr>
</table> </table>
<button matButton="outlined" (click)="addIngredient()" type="button">Add Ingredient</button> <button matButton="outlined" (click)="addIngredient()" type="button">Add Ingredient</button>
</div>
<h3>Images</h3> <h3>Images</h3>
<button matButton="outlined" (click)="openImageUploadDialog()" type="button">Upload Image</button> <button matButton="outlined" (click)="openImageUploadDialog()" type="button">Upload Image</button>