Flatten nested repos
This commit is contained in:
60
test/vuex/verification2/components/searchBoxV3.vue
Normal file
60
test/vuex/verification2/components/searchBoxV3.vue
Normal file
@@ -0,0 +1,60 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user