Fixed ui issue of booking product admin panel
This commit is contained in:
parent
37ab87e54c
commit
d70d06a495
|
|
@ -6,12 +6,22 @@
|
|||
|
||||
@push('css')
|
||||
<style>
|
||||
@media only screen and (max-width: 768px){
|
||||
.content-container .content .page-header .page-title .control-group .control{
|
||||
width: 100% !important;
|
||||
margin-top:-25px !important;
|
||||
@media only screen and (max-width: 728px){
|
||||
.content-container .content .page-header .page-title{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.content-container .content .page-header .page-title .control-group {
|
||||
margin-top: 20px!important;
|
||||
width: 100%!important;
|
||||
margin-left: 0!important;
|
||||
}
|
||||
|
||||
.content-container .content .page-header .page-action {
|
||||
margin-top: 10px!important;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@endpush
|
||||
|
||||
|
|
|
|||
|
|
@ -12,6 +12,29 @@
|
|||
.has-control-group .control-group:last-child {
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.slot-list table tbody tr td .control-group label{
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 540px){
|
||||
.slot-list table thead{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.slot-list table tbody tr td{
|
||||
display: block;
|
||||
}
|
||||
|
||||
.slot-list table tbody tr td .control-group label{
|
||||
display: block;
|
||||
}
|
||||
|
||||
.table .control-group.date:after, .table .control-group.datetime:after {
|
||||
top: 24px;
|
||||
left: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@endpush
|
||||
|
||||
|
|
|
|||
|
|
@ -72,6 +72,9 @@
|
|||
<tr>
|
||||
<td>
|
||||
<div class="control-group date" :class="[errors.has(controlName + '[from]') ? 'has-error' : '']">
|
||||
|
||||
<label>{{ __('bookingproduct::app.admin.catalog.products.from') }}</label>
|
||||
|
||||
<time-component>
|
||||
<input type="text" v-validate="'required'" :name="controlName + '[from]'" v-model="slotItem.from" class="control" data-vv-as=""{{ __('bookingproduct::app.admin.catalog.products.from') }}"">
|
||||
</time-component>
|
||||
|
|
@ -84,6 +87,9 @@
|
|||
|
||||
<td>
|
||||
<div class="control-group date" :class="[errors.has(controlName + '[to]') ? 'has-error' : '']">
|
||||
|
||||
<label>{{ __('bookingproduct::app.admin.catalog.products.to') }}</label>
|
||||
|
||||
<time-component>
|
||||
<input type="text" v-validate="{required: true, time_min: slotItem.from }" :name="controlName + '[to]'" v-model="slotItem.to" class="control" data-vv-as=""{{ __('bookingproduct::app.admin.catalog.products.to') }}"">
|
||||
</time-component>
|
||||
|
|
|
|||
Loading…
Reference in New Issue