styling

govza · Jun 3, 2018 · e1aec90 · e1aec90
1 parent 351e0d9
commit e1aec90
Show file tree

Hide file tree

Showing 23 changed files with 33 additions and 36 deletions.
diff --git a/src/components/conditionnel/Conditionnel.vue b/src/components/conditionnel/Conditionnel.vue
@@ -5,7 +5,7 @@
         Conditionnel
       </q-toolbar-title>
     </q-toolbar>
-    <div class="flex justify-around">
+    <div class="row padding justify-around">
       <app-present></app-present>
       <app-passe></app-passe>
     </div>

diff --git a/src/components/conditionnel/Passe.vue b/src/components/conditionnel/Passe.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-card>
+  <q-card inline class="q-ma-sm">
     <q-card-title class="text-info">
       Conditionnel Passé
     </q-card-title>

diff --git a/src/components/conditionnel/Present.vue b/src/components/conditionnel/Present.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-card>
+  <q-card inline class="q-ma-sm">
     <q-card-title class="text-info">
       Conditionnel Présent
     </q-card-title>

diff --git a/src/components/imperatif/Imperatif.vue b/src/components/imperatif/Imperatif.vue
@@ -5,7 +5,7 @@
         Imperatif
       </q-toolbar-title>
     </q-toolbar>
-    <div class="flex justify-around">
+    <div class="row padding justify-around">
       <app-present></app-present>
       <app-passe></app-passe>
     </div>

diff --git a/src/components/imperatif/Passe.vue b/src/components/imperatif/Passe.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-card>
+  <q-card inline class="q-ma-sm">
     <q-card-title class="text-info">
       Passé
     </q-card-title>

diff --git a/src/components/imperatif/Present.vue b/src/components/imperatif/Present.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-card>
+  <q-card inline class="q-ma-sm">
     <q-card-title class="text-info">
       Présent
     </q-card-title>

diff --git a/src/components/indicatif/FuturAnterieur.vue b/src/components/indicatif/FuturAnterieur.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-card>
+  <q-card inline class="q-ma-sm">
     <q-card-title class="text-info">
       Futur antérieur
     </q-card-title>

diff --git a/src/components/indicatif/FuturSimple.vue b/src/components/indicatif/FuturSimple.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-card>
+  <q-card inline class="q-ma-sm">
     <q-card-title class="text-info">
       Futur simple
     </q-card-title>

diff --git a/src/components/indicatif/Imparfait.vue b/src/components/indicatif/Imparfait.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-card>
+  <q-card inline class="q-ma-sm">
     <q-card-title class="text-info">
       Imparfait
     </q-card-title>

diff --git a/src/components/indicatif/Indicatif.vue b/src/components/indicatif/Indicatif.vue
@@ -5,13 +5,11 @@
         Indicatif
       </q-toolbar-title>
     </q-toolbar>
-    <div class="flex justify-around">
+    <div class="row padding justify-around">
       <app-present></app-present>
       <app-passe-compose></app-passe-compose>
       <app-imparfait></app-imparfait>
       <app-plus-que-parfait></app-plus-que-parfait>
-    </div>
-    <div class="flex justify-around">
       <app-passe-simple></app-passe-simple>
       <app-passe-anterieur></app-passe-anterieur>
       <app-futur-simple></app-futur-simple>

diff --git a/src/components/indicatif/PasseAnterieur.vue b/src/components/indicatif/PasseAnterieur.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-card>
+  <q-card inline class="q-ma-sm">
     <q-card-title class="text-info">
       Passé antérieur
     </q-card-title>

diff --git a/src/components/indicatif/PasseCompose.vue b/src/components/indicatif/PasseCompose.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-card>
+  <q-card inline class="q-ma-sm">
     <q-card-title class="text-info">
       Passé composé
     </q-card-title>

diff --git a/src/components/indicatif/PasseSimple.vue b/src/components/indicatif/PasseSimple.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-card>
+  <q-card inline class="q-ma-sm">
     <q-card-title class="text-info">
       Passé simple
     </q-card-title>

diff --git a/src/components/indicatif/PlusQueParfait.vue b/src/components/indicatif/PlusQueParfait.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-card>
+  <q-card inline class="q-ma-sm">
     <q-card-title class="text-info">
       Plus Que Parfait
     </q-card-title>

diff --git a/src/components/indicatif/Present.vue b/src/components/indicatif/Present.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-card>
+  <q-card inline class="q-ma-sm">
     <q-card-title class="text-info">
       Présent
     </q-card-title>

diff --git a/src/components/subjonctif/Imparfait.vue b/src/components/subjonctif/Imparfait.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-card>
+  <q-card inline class="q-ma-sm">
     <q-card-title class="text-info">
       Imparfait
     </q-card-title>

diff --git a/src/components/subjonctif/Passe.vue b/src/components/subjonctif/Passe.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-card>
+  <q-card inline class="q-ma-sm">
     <q-card-title class="text-info">
       Passé
     </q-card-title>

diff --git a/src/components/subjonctif/PlusQueParfait.vue b/src/components/subjonctif/PlusQueParfait.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-card>
+  <q-card inline class="q-ma-sm">
     <q-card-title class="text-info">
       Plus Que Parfait
     </q-card-title>

diff --git a/src/components/subjonctif/Present.vue b/src/components/subjonctif/Present.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-card>
+  <q-card inline class="q-ma-sm">
     <q-card-title class="text-info">
       Présent
     </q-card-title>

diff --git a/src/components/subjonctif/Subjonctif.vue b/src/components/subjonctif/Subjonctif.vue
@@ -5,7 +5,7 @@
         Subjonctif
       </q-toolbar-title>
     </q-toolbar>
-    <div class="flex justify-around">
+    <div class="row justify-around">
       <app-present></app-present>
       <app-passe></app-passe>
       <app-imparfait></app-imparfait>

diff --git a/src/layouts/default.vue b/src/layouts/default.vue
@@ -34,15 +34,15 @@
       >
         <q-list-header>Règles de français</q-list-header>
         <q-item @click.native="openURL('http://la-conjugaison.nouvelobs.com/regles/conjugaison/present-de-l-indicatif-5.php')">
-          <q-item-side icon="school" />
+          <q-item-side icon="check" />
           <q-item-main label="Mode indicatif" sublabel="Présent de l'indicatif" />
         </q-item>
         <q-item @click.native="openURL('http://la-conjugaison.nouvelobs.com/regles/conjugaison/mode-conditionnel-40.php')">
-          <q-item-side icon="school" />
+          <q-item-side icon="check" />
           <q-item-main label="Mode conditionnel" sublabel="Emploi du conditionnel" />
         </q-item>
         <q-item @click.native="openURL('http://la-conjugaison.nouvelobs.com/regles/conjugaison/mode-subjonctif-41.php')">
-          <q-item-side icon="school" />
+          <q-item-side icon="check" />
           <q-item-main label="Mode subjonctif" sublabel="Emploi du subjonctif" />
         </q-item>
       </q-list>

diff --git a/src/pages/conjuguer.vue b/src/pages/conjuguer.vue
@@ -32,12 +32,14 @@ export default {
 </script>
 
 <style>
+.q-card-title {
+  font-size: 14px;
+}
 .q-card {
+  min-width: 160px;
   min-height: 100%;
-  min-width: 180px;
-  margin: 20px 0 0;
-  border-radius: 0;
-  box-shadow: none;
-  outline: 1px solid #cccccc;
+}
+.q-card .text-secondary, .q-card .text-info {
+  font-size: 12px;
 }
 </style>
diff --git a/src/store/verb/getters.js b/src/store/verb/getters.js
@@ -102,8 +102,7 @@ function addEtreAvoir (infinitif, verbsArray, etreArray, avoirArray) {
       } else {
         modPronomsArray[i] += '&nbsp;'
       }
-      resultArray.push(`<span class="text-secondary">${modPronomsArray[i]}</span><span class="text-info">${avoirArray[i]}</span>
-        &nbsp;${verbsArray[i]}`)
+      resultArray.push(`<span class="text-secondary">${modPronomsArray[i]}</span><span class="text-info">${avoirArray[i]}</span>&nbsp;${verbsArray[i]}`)
     }
   }
   return resultArray
@@ -118,8 +117,7 @@ function addEtreAvoirClean (infinitif, verbsArray, etreArray, avoirArray) {
     }
   } else {
     for (let i = 0; i < verbsArray.length; i++) {
-      resultArray.push(`<span class="text-info">${avoirArray[i]}</span>
-        &nbsp;${verbsArray[i]}`)
+      resultArray.push(`<span class="text-info">${avoirArray[i]}</span>&nbsp;${verbsArray[i]}`)
     }
   }
   return resultArray
@@ -167,8 +165,7 @@ function addEtreAvoirSubj (infinitif, verbsArray, etreArray, avoirArray) {
       } else {
         modPronomsArray[i] += '&nbsp;'
       }
-      resultArray.push(`<span class="text-secondary">${modPronomsArray[i]}</span><span class="text-info">${avoirArray[i]}</span>
-        &nbsp;${verbsArray[i]}`)
+      resultArray.push(`<span class="text-secondary">${modPronomsArray[i]}</span><span class="text-info">${avoirArray[i]}</span>&nbsp;${verbsArray[i]}`)
     }
   }
   return resultArray