font family font size

This commit is contained in:
shokouhi
2020-07-08 11:18:59 +04:30
parent 7bc2190254
commit 6b624d3e63
8 changed files with 41 additions and 30 deletions
@@ -3,7 +3,7 @@
<v-container grid-list-xs>
<material-card color="black" title="Show Test Result" id="printMe">
<v-layout align-left justify-left wrap class="px-5 my-3 ShowTestResult">
<h4 class="ml-3 headline font-weight-bold">Test Type : {{ data.test_type.name }}</h4>
<h4 class="ml-4 headline font-weight-bold">Test Type : {{ data.test_type.name }}</h4>
<v-flex xs12>
<hr class="v-divider theme--light" />
</v-flex>
@@ -67,7 +67,7 @@
</v-layout>
</v-layout>
<v-layout align-left justify-left wrap class="px-5 my-3">
<h4 class="ml-3 headline font-weight-bold">Special Info</h4>
<h4 class="ml-4 headline font-weight-bold">Special Info</h4>
<v-flex xs12>
<hr class="v-divider theme--light" />
</v-flex>
@@ -107,13 +107,13 @@
<template v-if="data.children">
<v-layout row wrap class="WM-Width-Full">
<v-flex class="mt-4 pb-4" style="border-left:3px solid #32c5d2;border-bottom:1px solid #ddd"
xs3
md6
sm6
xs12
md12
sm12
v-for="(formData, keyForm) in data.children"
:key="keyForm"
>
<h4 class="ml-3 headline font-weight-bold">{{keyForm}}</h4>
<h4 class="ml-4 headline font-weight-bold">{{keyForm}}</h4>
<v-layout row wrap>
<v-layout row wrap v-for="(childData, keyChild) in formData" :key="keyChild">
<v-flex
@@ -142,7 +142,7 @@
</v-layout>
</v-layout>
<v-layout align-left justify-left wrap class="px-5 my-3">
<h4 class="ml-3 headline font-weight-bold">Image</h4>
<h4 class="ml-4 headline font-weight-bold">Image</h4>
<v-flex xs12>
<hr class="v-divider theme--light" />
</v-flex>
@@ -278,6 +278,11 @@ export default {
};
</script>
<style media="screen">
@media screen and (max-width: 1536px) {
.headline {
font-size: 1rem !important;
}
}
@media screen and (max-width : 500px) {
.ShowTestResult .WM-Outline-Btn {
text-align: center;