diff --git a/app.vue b/app.vue index cc042a5..f806c1d 100644 --- a/app.vue +++ b/app.vue @@ -9,14 +9,47 @@ body { line-height: 1.6; font-size: 18px; color: #444; + background-color: #efefef; padding: 0 10px; font-family: 'Arial' } +main, +form { + display: flex; + flex-wrap: none; + flex-direction: column; +} + h1, h2, h3 { line-height: 1.2; text-decoration: underline; } + +img { + max-width: 100%; + margin-top: 1em; + margin-bottom: 1em; + +} + +button { + cursor: pointer; + margin-top: 1em; + margin-bottom: 1em; + padding: .375rem .75rem; + border-width: 0px; + border-radius: .5em; + background-color: rgb(17, 95, 239); + color: white; + font-size: 1em; + width: 100%; +} + +button:disabled { + cursor: not-allowed; + filter: grayscale(100%); +} \ No newline at end of file diff --git a/components/MainPoll.vue b/components/MainPoll.vue index 2942250..30ec04f 100644 --- a/components/MainPoll.vue +++ b/components/MainPoll.vue @@ -1,63 +1,83 @@ \ No newline at end of file + + + \ No newline at end of file diff --git a/components/QuestionChoice.vue b/components/QuestionChoice.vue index 1100c36..93cfb6c 100644 --- a/components/QuestionChoice.vue +++ b/components/QuestionChoice.vue @@ -24,18 +24,28 @@ const { values = ["Très bien", "Bien", "Passable", "Insuffisant", "À rejeter"] \ No newline at end of file diff --git a/components/RadioButton.vue b/components/RadioButton.vue index 747bc39..fea18fc 100644 --- a/components/RadioButton.vue +++ b/components/RadioButton.vue @@ -28,7 +28,6 @@ function use() {