vue 파일들 추가

@@ -16,13 +16,15 @@
     <v-dialog v-model="clickInfo" max-width="600" class="pa-2">
       <v-card elevation="0" outlined class="pa-4">
         <v-row justify="center" class="mx-0 mb-8 mt-2">
-          <v-icon color="lightblue">mdi-power-on</v-icon>
+          <v-icon color="primary">mdi-power-on</v-icon>
           <div
             style="text-align: center; font-size: 22px; font-weight: 400; color: #343a40;"
           >Information of This Service</div>
-          <v-icon color="lightblue">mdi-power-on</v-icon>
+          <v-icon color="primary">mdi-power-on</v-icon>
         </v-row>
-        <div>Used Opensource</div>
+        <v-btn color="primary" class="mt-2" block>Description of service</v-btn>
+        <v-btn color="primary" class="my-2" block>Term of this service</v-btn>
+        <v-btn color="primary" block>Used Opensource</v-btn>
       </v-card>
     </v-dialog>
     <v-content>

+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+
+};
+</script>
+
+<style>
+
+</style>

+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+
+};
+</script>
+
+<style>
+
+</style>

+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+
+};
+</script>
+
+<style>
+
+</style>

@@ -12,7 +12,7 @@
           <div style="font-size: 34px; font-weight: 500; color: #343a40;">WELCOME</div>
         </v-row>
         <v-card elevation="0">
-          <!-- file upload -->
+          <!-- 데스크톱 화면 설명 요약 -->
           <v-row justify="center" class="mx-0 mt-12" v-if="$vuetify.breakpoint.mdAndUp">
             <v-flex md7 class="mt-1">
               <div
@@ -34,6 +34,8 @@
               </v-card>
             </v-flex>
           </v-row>
+
+          <!-- 모바일 화면 설명 요약 -->
           <v-card elevation="0" class="mt-8" v-else>
             <div
               style="font-size: 20px; font-weight: 300; color: #888; text-align: center"
@@ -51,13 +53,25 @@
             ></v-img>
           </v-card>
 
+          <!-- Set Threshold -->
           <div
             class="mt-10"
             style="font-size: 24px; text-align: center; font-weight: 400; color: #5a5a5a;"
           >How To start this service</div>
           <div
+            style="font-size: 20px; font-weight: 300; color: #888; text-align: center; margin-bottom: 5px"
+          >
+            <div>Set up Threshold of</div>
+            <div>Recommended Youtube link</div>
+          </div>
+          <v-row style="max-width: 300px; margin: auto">
+            <v-slider v-model="threshold" :thumb-size="20" thumb-label="always" :min="2" :max="15"></v-slider>
+          </v-row>
+
+          <!-- Upload Video -->
+          <div
             style="font-size: 20px; font-weight: 300; color: #888; text-align: center"
-          >Just Upload your Video</div>
+          >Then, Just Upload your Video</div>
           <v-row justify="center" class="mx-0 mt-2">
             <v-card
               max-width="500"
@@ -78,15 +92,8 @@
               <input ref="fileInput" style="display: none" type="file" @change="onFileChange" />
             </v-card>
           </v-row>
-          <div
-            style="font-size: 20px; font-weight: 300; color: #888; text-align: center; margin-top: 20px; margin-bottom: 18px"
-          >
-            <div>And Set up Threshold of</div>
-            <div>recommended Youtube link</div>
-          </div>
-          <v-row justify="center" class="mx-12">
-            <v-slider v-model="threshold" :thumb-size="20" thumb-label="always" :min="20" :max="80" ></v-slider>
-          </v-row>
+
+          <!-- 결과 화면 -->
           <div
             style="font-size: 24px; text-align: center; font-weight: 400; color: #5a5a5a;"
             class="mt-10"
@@ -118,6 +125,7 @@
             style="font-size: 20px; font-weight: 300; color: #888; text-align: center"
           >Result Show up in each of Boxes!</div>
         </v-card>
+
       </v-flex>
     </v-layout>
   </v-sheet>
@@ -130,7 +138,7 @@ export default {
       videoFile: '',
       YoutubeUrl: [],
       generatedTag: [],
-      threshold: 20,
+      threshold: 5,
       successDialog: false,
       errorDialog: false,
       loadingProcess: false,