Quellcode durchsuchen

client UI adjusted

Flavionel vor 5 Jahren
Ursprung
Commit
81cb99f6c0
1 geänderte Dateien mit 8 neuen und 12 gelöschten Zeilen
  1. 8 12
      resources/js/components/pages/ClientEntrance.vue

+ 8 - 12
resources/js/components/pages/ClientEntrance.vue

@@ -55,15 +55,15 @@
                         <br />Then, someone should be with you shortly.
                     </p>
 
-                    <v-card class="mb-12" color="grey lighten-1" height="200px">
+                    <v-card class="mb-12" color="grey lighten-1" height="50vh">
                         <grid-layout
                             :layout="videoGridPreview"
                             :key="`preview_${uniqueId}`"
                             :col-num="maxCols"
                             :max-rows="maxRows"
                             :row-height="rowHeight"
-                            :is-draggable="true"
-                            :is-resizable="true"
+                            :is-draggable="false"
+                            :is-resizable="false"
                             :verticalCompact="true"
                             :margin="[gridPadding, gridPadding]"
                             :use-css-transforms="true"
@@ -78,17 +78,17 @@
                 </v-stepper-content>
 
                 <v-stepper-content step="3">
-                    <p>Great!</p>
+                    <p>Great! Please wait a little, doctor should join shortly.</p>
 
-                    <v-card class="mb-12" color="grey lighten-1" height="200px">
+                    <v-card class="mb-12" color="grey lighten-1" height="50vh">
                         <grid-layout
                             :layout="videoGrid"
                             :key="uniqueId"
                             :col-num="maxCols"
                             :max-rows="maxRows"
                             :row-height="rowHeight"
-                            :is-draggable="true"
-                            :is-resizable="true"
+                            :is-draggable="false"
+                            :is-resizable="false"
                             :verticalCompact="true"
                             :margin="[gridPadding, gridPadding]"
                             :use-css-transforms="true"
@@ -96,10 +96,6 @@
                             <grid-item v-for="video in videoGrid" :key="video.id" :id="video.id" :x="video.x" :y="video.y" :w="video.w" :h="video.h" :i="video.i"></grid-item>
                         </grid-layout>
                     </v-card>
-
-                    <v-btn color="primary" @click="stepper = 1">Continue</v-btn>
-
-                    <v-btn text @click="stepper = 2">Cancel</v-btn>
                 </v-stepper-content>
             </v-stepper-items>
         </v-stepper>
@@ -321,7 +317,7 @@ export default {
                 videoGrid = this.videoGrid = [];
             }
 
-            let windowHeight = window.innerHeight;
+            let windowHeight = window.innerHeight / 2;
             this.rowHeight = (windowHeight - this.gridPadding * (this.maxRows + 1)) / this.maxRows;
 
             let cols = Math.ceil(Math.sqrt(this.videos.length));