[PIE-11] Add option to change from table to list view (!9)
Option interface not implemented, will be in a future settings page. But anyway idk i like the table view more Co-authored-by: june <self@breadone.net> Co-committed-by: june <self@breadone.net>
This commit is contained in:
parent
c12a4ab1aa
commit
db6df2053a
@ -2,28 +2,29 @@
|
||||
// const { ingredients } = Astro.props
|
||||
|
||||
const { class: className, ingredients } = Astro.props
|
||||
const tableView = true
|
||||
---
|
||||
|
||||
<!-- <div class=`bg-[#2a2b2c] rounded-lg grid grid-cols-3 text-center ${className}`>
|
||||
<span class="font-bold">Quantity</span>
|
||||
<span class="font-bold">Unit</span>
|
||||
<span class="font-bold">Food</span>
|
||||
{!tableView && (
|
||||
<div class={`bg-[#2a2b2c] p-3 rounded-lg w-full text-left ${className}`}>
|
||||
{
|
||||
ingredients.map(ing => (
|
||||
<span>{ing.quantity}</span>
|
||||
<span>{ing.unit}</span>
|
||||
<span>{ing.name}</span>
|
||||
<div class="text-white/70">
|
||||
<p>• {ing.quantity} {ing.unit} {ing.name}</p>
|
||||
</div>
|
||||
))
|
||||
}
|
||||
|
||||
</div> -->
|
||||
</div>
|
||||
)}
|
||||
|
||||
<table class={`table-auto text-left bg-[#2a2b2c] rounded-lg ${className} w-full`}>
|
||||
{tableView && (
|
||||
<table class={`table-auto text-left bg-[#2a2b2c] rounded-lg ${className} w-full`}>
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="px-4 py-2">Quantity</th>
|
||||
<th class="px-4 py-2">Unit</th>
|
||||
<th class="px-4 py-2">Food</th>
|
||||
<th class="px-4 py-2">Ingredient</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@ -39,4 +40,5 @@ const { class: className, ingredients } = Astro.props
|
||||
))
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</table>
|
||||
)}
|
Loading…
x
Reference in New Issue
Block a user