Mobile

2020-01-30 13:55:35 +01:00
parent afdf83385e
commit 89a8183f00
1 changed files with 11 additions and 5 deletions
--- a/src/components/GeneratePage.vue
+++ b/src/components/GeneratePage.vue
@@ -1,7 +1,9 @@
 <template>
  <div class="container">
    <h1 class="title" @click="startCountdown">Loddgenerator</h1>
-    <p class="subtext">Velg hvilke farger du vil ha, fyll inn antall lodd og klikk 'generer'</p>
+    <p class="subtext">
+      Velg hvilke farger du vil ha, fyll inn antall lodd og klikk 'generer'
+    </p>
    <div class="input-line">
      <label for="redCheckbox">
        <input type="checkbox" id="redCheckbox" v-model="redCheckbox" />
@@ -230,6 +232,10 @@ p {
  display: flex;
  font-family: Arial;
  margin-top: 35px;
+
+  @include mobile {
+    width: 80vw;
+  }
 }

 .input-line {