Join page new design implemented

src/components/LeaveRoomDialog.vue

@@ -1,5 +1,10 @@
 <template>
-  <v-dialog v-model="showDialog" v-show="room" class="ma-0 pa-0" width="80%">
+  <v-dialog
+    v-model="showDialog"
+    v-show="room"
+    class="ma-0 pa-0"
+    :width="$vuetify.breakpoint.smAndUp ? '688px' : '80%'"
+  >
     <div class="dialog-content text-center">
       <template v-if="roomJoinRule == 'public'">
         <h1>👋</h1>
@@ -142,4 +147,4 @@ export default {
 
 <style lang="scss">
 @import "@/assets/css/chat.scss";
-</style> 
+</style>