fifi97
68 lines
3.5 KiB
Vue
68 lines
3.5 KiB
Vue
<template>
|
|
<div class="mx-auto content-center flex justify-center items-center">
|
|
|
|
<div class="grid grid-rows-1">
|
|
<div class="grid grid-cols-2 gap-1 mx-auto">
|
|
<div class="bg-white shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
<router-link to="/akaunhome/imbangduga">
|
|
<img src="/img/balance-sheet.png" class="h-20 w-20 mx-auto" alt="Windster Logo">
|
|
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Imbang Duga</h2>
|
|
</router-link>
|
|
</div>
|
|
|
|
<div class="bg-white shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
<router-link to="/akaunhome/lejeram">
|
|
<img src="/img/ledger.png" class="h-20 w-20 mx-auto" alt="Windster Logo">
|
|
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Lejer Am</h2>
|
|
</router-link>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
|
|
<div class="ml-3 grid grid-cols-3">
|
|
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
<router-link to="/akaunhome/gadaian">
|
|
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Gadaian</h2>
|
|
</router-link>
|
|
</div>
|
|
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
<router-link to="/akaunhome/penebusan">
|
|
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Penebusan</h2>
|
|
</router-link>
|
|
</div>
|
|
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
<router-link to="/akaunhome/Pendahuluanserahan">
|
|
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Pendahuluan & Serahan</h2>
|
|
</router-link>
|
|
</div>
|
|
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
<router-link to="/akaunhome/Tuntutbaki">
|
|
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Tuntut Baki</h2>
|
|
</router-link>
|
|
</div>
|
|
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
<router-link to="/akaunhome/ansuran">
|
|
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Ansuran</h2>
|
|
</router-link>
|
|
</div>
|
|
<div class="bg-white ml-2 shadow border border-solid px-6 py-4 rounded-lg hover:bg-yellow-300 hover:transition-all mb-2 cursor-pointer">
|
|
<router-link to="/akaunhome/upah">
|
|
<h2 class="mx-auto text-center font-bold text-2xl uppercase">Upah</h2>
|
|
</router-link>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
|
|
}
|
|
</script> |