<template>
   <v-card class="mb-2 one-fo-tab">
      <v-layout justify-center class="tab-container">
         <v-btn justify-center multi-line class= "buttonkiri" color="success">Pasien <br/> Dokter</v-btn>
         <v-btn justify-center multi-line class= "buttonnew" color="error">MOU <br/> Pemeriksaan</v-btn>
         <v-btn justify-center multi-line class= "buttonnew" color="warning">Kirim Hasil <br/> Payment</v-btn>
         <v-btn justify-center multi-line class= "buttonkanan" color="info">Supplies <br/> Barcode</v-btn>
      </v-layout>
   </v-card>

</template>

<style scoped>

.one-fo-tab {
   min-height:84px;
}
.layout.tab-container .v-btn {
   min-height:64px;
   margin-top:10px;
}
.v-card{
   text-align: center;
}

.v-btn__content{
   margin-top : 0px;
}

.buttonnew {
   width : 20%;
   text-decoration:none;
}

.buttonkiri {
   width : 20%;
   text-decoration:none;
   border-top-left-radius: 50px;
   border-bottom-left-radius: 50px;
}

.buttonkanan {
   width : 20%;
   text-decoration:none;
   border-top-right-radius: 50px;
   border-bottom-right-radius: 50px;
}


</style>

<script>
module.exports = {

}
</script>
