44 lines
691 B
Vue
44 lines
691 B
Vue
<template>
|
|
|
|
<div>
|
|
<v-card>
|
|
<v-btn class= "button parallelogram" color="success">Pasien Dokter</v-btn>
|
|
<v-btn class= "button parallelogram" color="warning">MOU </v-btn>
|
|
<v-btn class= "button parallelogram" color="error">Kirim Hasil </v-btn>
|
|
<v-btn class= "button parallelogram" color="info"> Barcode</v-btn>
|
|
</v-card>
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
.v-card{
|
|
text-align: center;
|
|
}
|
|
.v-btn__content{
|
|
margin-top : -10px;
|
|
}
|
|
.button {
|
|
|
|
padding: 30px 16px;
|
|
width : 20%;
|
|
text-decoration:none;
|
|
}
|
|
|
|
.parallelogram{
|
|
transform: skew(-20deg);
|
|
|
|
}
|
|
|
|
.v-btn {
|
|
word-break: break-all;
|
|
}
|
|
|
|
</style>
|
|
<script>
|
|
module.exports = {
|
|
|
|
}
|
|
</script>
|