1
Showing
3 changed files
with
33 additions
and
8 deletions
... | @@ -295,7 +295,7 @@ | ... | @@ -295,7 +295,7 @@ |
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 | } |
... | @@ -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; | ... | ... |
-
Please register or sign in to post a comment