Fixed ui issue of booking product admin panel

This commit is contained in:
Deepak Singh Gusain 2022-02-02 12:59:30 +05:30
parent 37ab87e54c
commit d70d06a495
3 changed files with 44 additions and 5 deletions

View File

@ -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

View File

@ -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

View File

@ -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="&quot;{{ __('bookingproduct::app.admin.catalog.products.from') }}&quot;">
</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="&quot;{{ __('bookingproduct::app.admin.catalog.products.to') }}&quot;">
</time-component>