2023-07-27 01:58:32 +02:00
|
|
|
<script lang="ts">
|
|
|
|
export let menudata: {menuName: string, menuLink: string}[] = [];
|
2024-02-20 04:29:55 +01:00
|
|
|
$: colNum = (Math.floor(menudata.length / 2) < 3) ? Math.floor(menudata.length / 2) : 3;
|
2023-07-27 01:58:32 +02:00
|
|
|
</script>
|
2024-03-11 19:23:04 +01:00
|
|
|
<div class="grid gap-y-6 gap-x-6 grid-cols-{colNum} text-center sm:grid-cols-1 justify-content-center">
|
2023-07-27 01:58:32 +02:00
|
|
|
{#each menudata as menu}
|
2024-02-20 04:29:55 +01:00
|
|
|
<a href="{menu.menuLink}" target="_self">
|
2024-03-11 19:23:04 +01:00
|
|
|
<div class="flex content-center justify-center border rounded-md border-black dark:border-white border-solid px-6 py-8 dark:hover:bg-zinc-900 dark:bg-transparent bg-transparent min-w-[50%]">
|
2024-02-20 04:29:55 +01:00
|
|
|
<h2 class='text-xl'>{menu.menuName}</h2>
|
|
|
|
</div>
|
|
|
|
</a>
|
2023-07-27 01:58:32 +02:00
|
|
|
{/each}
|
|
|
|
</div>
|