diff --git a/src/components/CompetenceProjetView.vue b/src/components/CompetenceProjetView.vue index 810271fac926f55e4e12db99f32ffc7894cd9244..209db7d8748596837ffba475e209dda731d3018c 100644 --- a/src/components/CompetenceProjetView.vue +++ b/src/components/CompetenceProjetView.vue @@ -1,8 +1,8 @@ <template> <TitleComposant label="Compétences" class="q-mt-xl" /> - <div class="text-h5 q-ml-xl q-pb-xl"> + <div class="text-h5 q-ml-xl q-pb-xl" :class="$q.screen.lt.md ? 'text-h6' : ''"> Ce projet visé à développer les compétences et savoir-faire informatique suivante : - <div class="text-h6 q-ml-md q-mt-sm" style="font-weight: normal" v-for="skill in skills" :key="skill" >• {{skill}}</div> + <div class="text-h6 q-ml-md q-mt-sm" :class="$q.screen.lt.md ? 'text-subtitle1' : ''" :style="$q.screen.lt.md ? 'font-weight: bold' : 'font-weight: normal'" v-for="skill in skills" :key="skill" >• {{skill}}</div> </div> </template> diff --git a/src/components/linkView.vue b/src/components/linkView.vue index 4d2fc954cea55e218638a2b57a3b1eca3cb8bdd1..5306d862e3b3f5a17b89c0d9a9906035c48a3922 100644 --- a/src/components/linkView.vue +++ b/src/components/linkView.vue @@ -1,6 +1,6 @@ <template> <title-composant label="liens" class="q-mt-xl" /> - <div class="q-ml-xl text-h5 q-mb-xl"> + <div class="q-ml-xl text-h5 q-mb-xl" :class="$q.screen.lt.md ? 'text-h6' : '' "> <div class="text-secondary link-color" v-html="link" /> </div> </template>