add modal detail

This commit is contained in:
Kenta420-Poom 2023-09-27 13:05:31 +07:00
parent e4fdf19c67
commit 2b0590709c
5 changed files with 64 additions and 31 deletions

View file

@ -1,5 +1,5 @@
<main
class="relative overflow-auto max-h-[700px] shadow-md sm:rounded-lg"
class="relative overflow-auto max-h-[610px] shadow-md sm:rounded-lg"
#table
>
<table *ngIf="isLoaded" class="table">
@ -118,23 +118,7 @@
{{ recipe.LastChange | date : "dd-MMM-yyyy hh:mm:ss" }}
</td>
<td class="px-4 py-4 flex">
<div class="cursor-pointer">
<svg
class="w-6 h-6 text-gray-800 dark:text-white"
aria-hidden="true"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 20 20"
>
<path
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="1"
d="M7.75 4H19M7.75 4a2.25 2.25 0 0 1-4.5 0m4.5 0a2.25 2.25 0 0 0-4.5 0M1 4h2.25m13.5 6H19m-2.25 0a2.25 2.25 0 0 1-4.5 0m4.5 0a2.25 2.25 0 0 0-4.5 0M1 10h11.25m-4.5 6H19M7.75 16a2.25 2.25 0 0 1-4.5 0m4.5 0a2.25 2.25 0 0 0-4.5 0M1 16h2.25"
/>
</svg>
</div>
<recipe-modal id="{{ recipe.id }}"></recipe-modal>
</td>
</tr>
</tbody>