59 lines
968 B
Vue
59 lines
968 B
Vue
<template>
|
|
<v-layout fil-height column>
|
|
<v-card class="mb-2">
|
|
<v-layout>
|
|
<div>
|
|
<v-btn class = "buttonkiri" color="success">Pasien Dokter</v-btn>
|
|
<v-btn class = "buttonnew" color="error">MOU</v-btn>
|
|
<v-btn class = "buttonnew" color="warning">Kirim Hasil</v-btn>
|
|
<v-btn class = "buttonkanan" color="info">Barcode</v-btn>
|
|
</div>
|
|
|
|
</v-layout>
|
|
</v-card>
|
|
|
|
</v-layout>
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
.v-card{
|
|
text-align: center;
|
|
}
|
|
|
|
.v-btn__content{
|
|
margin-top : -7px;
|
|
}
|
|
|
|
.buttonnew {
|
|
padding: 15px 45px;
|
|
width : 20%;
|
|
text-decoration:none;
|
|
|
|
}
|
|
|
|
.buttonkiri {
|
|
padding: 15px 45px;
|
|
width : 20%;
|
|
text-decoration:none;
|
|
border-top-left-radius: 50px;
|
|
border-bottom-left-radius: 50px;
|
|
}
|
|
|
|
.buttonkanan {
|
|
padding: 15px 45px;
|
|
width : 20%;
|
|
text-decoration:none;
|
|
border-top-right-radius: 50px;
|
|
border-bottom-right-radius: 50px;
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
<script>
|
|
module.exports = {
|
|
|
|
}
|
|
</script>
|