61 lines
1.1 KiB
Vue
61 lines
1.1 KiB
Vue
<template>
|
|
<v-flex shrink wrap class="searchbox">
|
|
<v-card class="blue lighten-3">
|
|
<v-card-actions >
|
|
<v-layout row wrap align-center>
|
|
<v-flex xs3>
|
|
<input class="noreg" type="text" placeholder="No Reg" ></input>
|
|
</v-flex>
|
|
<v-flex xs5>
|
|
<input class="search" type="text" placeholder="Name+HP+DOB+Alamat" ></input>
|
|
</v-flex>
|
|
<v-flex >
|
|
<v-btn left rounded class="btn-search">
|
|
Search
|
|
</v-btn>
|
|
<v-btn left rounded class="btn-new" >
|
|
New
|
|
</v-btn>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-flex>
|
|
</template>
|
|
<style scoped>
|
|
.btn-search{
|
|
background-color: #ff8a65!important;
|
|
color:white!important;
|
|
}
|
|
.btn-new {
|
|
background-color: #ffd54f!important;
|
|
color:white!important;
|
|
}
|
|
.layout {
|
|
padding:10px;
|
|
}
|
|
::placeholder {
|
|
color: #b0b0b0 ;
|
|
font-size: 1.1em;
|
|
font-style: italic;
|
|
font-weight:normal;
|
|
}
|
|
input.noreg {
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
}
|
|
input {
|
|
background-color:white;
|
|
padding:4px;
|
|
font-size: 1.1em;
|
|
vertical-align:middle;
|
|
border: solid 1px #dedede;
|
|
border-radius: 5px;
|
|
width:90%;
|
|
}
|
|
</style>
|
|
<script>
|
|
module.exports = {
|
|
}
|
|
</script>
|