Commit 3192b3d7 authored by Rémy Marronnier's avatar Rémy Marronnier

Styling fixes

parent 756673d2
......@@ -23,63 +23,15 @@
export default {
name: "Filters",
data: () => ({
filters: [
{
name: "travailler-en-alternance",
description: "Travailler en alternance",
value: false
},
{
name: "s-informer-sur-contrats-specifiques",
description: "S'informer sur les contrats spécifiques",
value: false
},
{
name: "travailler-a-l-international",
description: "Travailler en Europe ou à l'international",
value: false
},
{
name: "garder-enfant",
description: "Faire garder son enfant",
value: false
},
{
name: "creer-entreprise",
description: "Créer ou reprendre une entreprise",
value: false
},
{
name: "accompagne-recherche-emploi",
description: "Être accompagné/e pour la recherche d'emploi",
value: false
},
{
name: "trouver-change-de-metier",
description: "Trouver un métier, changer de métier",
value: false
},
{
name: "se-deplacer",
description: "Se déplacer",
value: false
},
{
name: "aides-employeurs",
description: "Connaître les aides au bénéfice des employeurs",
value: false
},
{
name: "se-former-valoriser-ses-competences",
description: "Financer une formation, obtenir un diplôme",
value: false
}
],
inscription: "",
category: "",
allocation_type: ""
})
}),
computed: {
filters() {
return this.store.state.results.filters;
}
}
};
</script>
......
......@@ -2,7 +2,6 @@ import Vue from 'vue'
import Vuex from 'vuex'
import Situation from './modules/situation'
import Results from './modules/results'
import Filters from './modules/filters'
Vue.use(Vuex)
......@@ -11,7 +10,6 @@ export default new Vuex.Store({
modules: {
situation: Situation,
results: Results,
filters: Filters,
},
state: {},
mutations: {},
......
// import ClaraService from "@/services/clara";
// export default {
// state: {
// },
// mutations: {
// },
// actions: {
// }
// }
\ No newline at end of file
......@@ -10,7 +10,7 @@ export default {
};
</script>
<style scoped>
<style>
.v-input--selection-controls.v-input .v-label {
color: black;
font-size: 24px;
......
<template>
<v-card align="center">
<v-card pa-4 align="center">
<v-form @submit.prevent="submitARE" ref="formARE" v-model="validity" :lazy-validation="lazy">
Quel est le montant de cette allocation ?
<v-card-title class="display-1 justify-center align-center">Quel est le montant de cette allocation ?</v-card-title>
<v-text-field
v-model.number="monthly_allocation_value"
autofocus
......@@ -54,5 +55,10 @@ export default {
};
</script>
<style>
<style scoped>
.v-text-field--outlined {
margin-top: 20px;
margin-bottom: 20px;
width: 20%;
}
</style>
\ No newline at end of file
<template>
<v-card align="center">
<v-card-title text-align="center">Quel est le code postal de votre lieu de résidence ?</v-card-title>
<v-card-subtitle>Code postal - facultatif</v-card-subtitle>
<v-card class="pa-4" align="center">
<v-card-title class="display-1 justify-center align-center">Quel est le code postal de votre lieu de résidence ?</v-card-title>
Code postal - facultatif
<v-form align="center" @submit.prevent="submitAddress" ref="formAddress" v-model="validity">
<v-row>
<v-col cols="12" md="8">
......
<template>
<v-card class="d-flex justify-center flex-column">
<v-card-title class="display-1">Quel est votre âge ?</v-card-title>
<v-card align="center" class="pa-4 d-flex justify-center flex-column">
<v-card-title class="display-1 justify-center align-center">Quel est votre âge ?</v-card-title>
<v-form @submit.prevent="submitAge" ref="formAge" v-model="validity" :lazy-validation="lazy">
<v-text-field
class="display-1 justify-center align-center"
required
autofocus
outlined
......@@ -58,5 +59,10 @@ export default {
};
</script>
<style>
<style scss scoped>
.v-text-field--outlined {
margin-top: 20px;
margin-bottom: 20px;
width: 20%;
}
</style>
\ No newline at end of file
<template>
<v-card align="center">
<v-card class="pa-4" align="center">
<v-card-title class="display-1 justify-center align-center">Quelle allocation percevez-vous actuellement ?</v-card-title>
<v-form @submit.prevent="submitAllocation" ref="formAllocation" v-model="validity">
Quelle allocation percevez-vous actuellement ?
<v-row>
<v-col>
<v-radio-group required :rules="rules" v-model="allocation_type">