Change GameResult dialog to support mobile better

Zomis · Mar 22, 2019 · db3d9f8 · db3d9f8
1 parent ad29960
commit db3d9f8
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/views/games/GameResult.vue b/src/views/games/GameResult.vue
@@ -1,5 +1,10 @@
 <template>
-  <v-dialog v-model="showResult" persistent width="30%">
+  <v-dialog
+    v-model="showResult"
+    persistent
+    :fullscreen="$vuetify.breakpoint.xsOnly"
+    class="show-result-dialog"
+  >
     <v-card>
       <v-card-title class="headline">
         <span class="you" v-if="isPlaying">You&nbsp;</span>
@@ -93,3 +98,8 @@ export default {
   }
 };
 </script>
+<style scoped>
+.show-result-dialog {
+  width: 30%;
+}
+</style>