@riccardobellini
Posted
Great solution, almost a perfect replica of the design! I really like the "swap recipe" feature, as well. Regarding your question about table, you can achieve the desired result by using padding on the table cells, instead of the rows (on the rows padding doesn't work). Here's my solution, for example:
<table class="w-full table-fixed">
<tbody>
<tr class="border-b border-stone-150">
<td class="py-3 pl-8">...</td>
<td class="font-bold text-brown-800">...</td>
</tr>
<tr class="border-b border-stone-150">
<td class="py-3 pl-8">...</td>
<td class="font-bold text-brown-800">...</td>
</tr>
<tr class="border-b border-stone-150">
<td class="py-3 pl-8">...</td>
<td class="font-bold text-brown-800">...</td>
</tr>
<tr>
<td class="py-3 pl-8">...</td>
<td class="font-bold text-brown-800">...</td>
</tr>
</tbody>
</table>
Marked as helpful