responsive

This commit is contained in:
shokouhi
2020-07-04 13:48:53 +04:30
parent a74e49af6f
commit 7918610072
17 changed files with 517 additions and 132 deletions
@@ -8,7 +8,7 @@
<hr class="v-divider theme--light" />
</v-flex>
<v-layout row wrap class="ml-4">
<v-flex xs12 md6 sm6>
<v-flex xs12 md12 sm12>
<div class>
<span class="title">{{ data.device_label || 'AutoclaveID' }} :</span>
<span
@@ -17,7 +17,7 @@
>{{ data.device_id }}</span>
</div>
</v-flex>
<v-flex xs12 md6 sm6>
<v-flex xs12 md12 sm12>
<div class>
<span class="title">Result :</span>
<v-icon class="green--text ml-2 caption">fas fa-check</v-icon>
@@ -27,7 +27,7 @@
>{{ data.result }}</span>
</div>
</v-flex>
<v-flex xs12 md6 sm6>
<v-flex xs12 md12 sm12>
<div class>
<span class="title">verify :</span>
<v-icon class="pink--text ml-2 caption">fas fa-times</v-icon>
@@ -37,7 +37,7 @@
>{{ data.verified }}</span>
</div>
</v-flex>
<v-flex xs12 md6 sm6>
<v-flex xs12 md12 sm12>
<div class>
<span class="title">Register User :</span>
<span
@@ -46,7 +46,7 @@
>{{ User }}</span>
</div>
</v-flex>
<v-flex xs12 md6 sm6>
<v-flex xs12 md12 sm12>
<div class>
<span class="title">Date :</span>
<span
@@ -55,7 +55,7 @@
>{{ data.created_at }}</span>
</div>
</v-flex>
<v-flex xs12 md6 sm6>
<v-flex xs12 md6 sm12>
<div class>
<span class="title">Medical Center :</span>
<span
@@ -139,14 +139,13 @@
<hr class="v-divider theme--light" />
</v-flex>
<v-layout row wrap class="ml-4">
<v-flex xs12 md6 sm6 v-for="(img, key) in data.title_image" :key="key">
<v-flex xs6 md2 sm2 v-for="(img, key) in data.title_image" :key="key">
<img :src="'/'+img.path" style="width: 100%" />
</v-flex>
</v-layout>
</v-layout>
<v-layout row wrap align-center justify-center>
<v-flex class xs12 md2 sm2>
<v-layout row wrap style="text-align:center">
<v-flex class xs12 md2 sm12>
<v-btn
class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Gray"
@click="print"
@@ -221,7 +220,6 @@ export default {
if (this.$route.params.id) {
this.load(this.$route.params.id);
}
},
};