1
Showing
3 changed files
with
36 additions
and
11 deletions
| ... | @@ -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; | ... | ... | 
- 
Please register or sign in to post a comment