40d14fbc by joe

1

1 parent e4f94203
...@@ -295,10 +295,10 @@ ...@@ -295,10 +295,10 @@
295 } 295 }
296 } 296 }
297 297
298 @media (max-width: 600px) { 298 @media (max-width: 700px) {
299 .reservation-container { 299 .reservation-container {
300 padding: 2.666667rem 2rem 2.833333rem 2rem; 300 padding: 2.666667rem 2rem 2.833333rem 2rem;
301 } 301 }
302 302
303 .form { 303 .form {
304 &-item { 304 &-item {
...@@ -349,3 +349,28 @@ ...@@ -349,3 +349,28 @@
349 } 349 }
350 } 350 }
351 351
352
353
354 @media (max-width: 500px) {
355
356 .date-wrap .calendar-wrap{
357 margin-left: -25px !important;
358 }
359
360 .form {
361 &-item {
362 flex-direction: column;
363 width: 100%;
364
365 .label {
366 margin-bottom: .416667rem;
367 min-width: 100%;
368 }
369
370 .ipt-wrap {
371 width: 100%;
372
373 }
374 }
375 }
376 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
3 <div class="title" v-if="!(userInfo && userInfo.name)"><u><span class="pointer" @click="toRegisterPage">{{$t('clarms.step1.register')}}</span>/<span class="pointer" @click="toLoginPage">{{$t('clarms.step1.login')}}</span></u>{{$t('clarms.step1.t1')}}</div> 3 <div class="title" v-if="!(userInfo && userInfo.name)"><u><span class="pointer" @click="toRegisterPage">{{$t('clarms.step1.register')}}</span>/<span class="pointer" @click="toLoginPage">{{$t('clarms.step1.login')}}</span></u>{{$t('clarms.step1.t1')}}</div>
4 <div class="form-name default-mt"> {{$t('clarms.step1.label0')}}</div> 4 <div class="form-name default-mt"> {{$t('clarms.step1.label0')}}</div>
5 <div class="gird-g form default-mt"> 5 <div class="gird-g form default-mt">
6 <div class="pure-u-1 pure-u-md-1-2 form-item"> 6 <div class="form-item">
7 <div class="label"> 7 <div class="label">
8 {{$t('clarms.step1.label1')}} 8 {{$t('clarms.step1.label1')}}
9 </div> 9 </div>
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
12 </div> 12 </div>
13 </div> 13 </div>
14 14
15 <div class="pure-u-1 pure-u-md-1-2 form-item"> 15 <div class="form-item">
16 <div class="label"> 16 <div class="label">
17 {{$t('clarms.step1.label2')}} 17 {{$t('clarms.step1.label2')}}
18 </div> 18 </div>
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
21 </div> 21 </div>
22 </div> 22 </div>
23 23
24 <div class="pure-u-1 pure-u-md-1-2 form-item"> 24 <div class="form-item">
25 <div class="label"> 25 <div class="label">
26 {{$t('clarms.step1.label3')}} 26 {{$t('clarms.step1.label3')}}
27 </div> 27 </div>
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
33 </div> 33 </div>
34 </div> 34 </div>
35 35
36 <div class="pure-u-1 pure-u-md-1-2 form-item"> 36 <div class="form-item">
37 <div class="label"> 37 <div class="label">
38 {{$t('clarms.step1.label4')}} 38 {{$t('clarms.step1.label4')}}
39 </div> 39 </div>
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
42 </div> 42 </div>
43 </div> 43 </div>
44 44
45 <div class="pure-u-1 pure-u-md-1-2 form-item"> 45 <div class="form-item">
46 <div class="label"> 46 <div class="label">
47 {{$t('clarms.step1.label5')}} 47 {{$t('clarms.step1.label5')}}
48 </div> 48 </div>
......
...@@ -20,8 +20,8 @@ ...@@ -20,8 +20,8 @@
20 margin-left: 0px; 20 margin-left: 0px;
21 21
22 @extend .bb; 22 @extend .bb;
23 max-width: 450px; 23 max-width: 37.5rem;
24 min-width: 350px; 24 min-width: 25rem;
25 height: 320px; 25 height: 320px;
26 border-radius: $borderRadius; 26 border-radius: $borderRadius;
27 background-color: wheat; 27 background-color: wheat;
......