fix listing design

This commit is contained in:
Diatrex 2021-04-20 16:54:11 +03:00
parent 0f9d2fa6ed
commit 7dd482ce43
2 changed files with 52 additions and 42 deletions

View File

@ -55,8 +55,12 @@ ul {
} }
} }
& > label { &:last-child {
font-size: calc(14rem / 16); max-height: 11rem;
label {
font-size: calc(14rem / 16);
}
} }
} }
} }
@ -513,13 +517,13 @@ ul {
} }
.cat-data { .cat-data {
font-size: calc(12rem / 16); font-size: calc(13rem / 16);
color: rgba(34, 34, 34, .4); color: rgba(34, 34, 34, .4);
} }
.action-data { .action-data {
color: #A1A1A1; color: #A1A1A1;
font-size: calc(8rem / 16); font-size: calc(10.7rem / 16);
& > a { & > a {
visibility: hidden; visibility: hidden;
@ -541,7 +545,7 @@ ul {
} }
svg { svg {
width: .4rem; width: .45rem;
height: auto; height: auto;
} }
} }

View File

@ -56,26 +56,28 @@
{{ img('visiosoft.module.advs::images/listing/filter-arrow.svg').data|raw }} {{ img('visiosoft.module.advs::images/listing/filter-arrow.svg').data|raw }}
</div> </div>
<div class="px-2 mb-2 d-flex align-items-center"> <div class="overflow-auto">
<input type="radio" id="dateDay" {{ app.request.get('date') == 'day' ? 'checked' }} value="day" <div class="px-2 mb-2 d-flex align-items-center">
name="date"> <input type="radio" id="dateDay" {{ app.request.get('date') == 'day' ? 'checked' }} value="day"
<label for="dateDay" class="ml-2 mb-0"> name="date">
{{ trans("visiosoft.module.advs::field.in_the_last_24_hours.name") }} <label for="dateDay" class="ml-2 mb-0">
</label> {{ trans("visiosoft.module.advs::field.in_the_last_24_hours.name") }}
</div> </label>
<div class="px-2 mb-2 d-flex align-items-center"> </div>
<input type="radio" id="dateWeek" {{ app.request.get('date') == 'week' ? 'checked' }} value="week" <div class="px-2 mb-2 d-flex align-items-center">
name="date"> <input type="radio" id="dateWeek" {{ app.request.get('date') == 'week' ? 'checked' }} value="week"
<label for="dateWeek" class="ml-2 mb-0"> name="date">
{{ trans("visiosoft.module.advs::field.in_the_last_week.name") }} <label for="dateWeek" class="ml-2 mb-0">
</label> {{ trans("visiosoft.module.advs::field.in_the_last_week.name") }}
</div> </label>
<div class="px-2 mb-3 d-flex align-items-center"> </div>
<input type="radio" id="dateMonth" {{ app.request.get('date') == 'month' ? 'checked' }} value="month" <div class="px-2 mb-3 d-flex align-items-center">
name="date"> <input type="radio" id="dateMonth" {{ app.request.get('date') == 'month' ? 'checked' }} value="month"
<label for="dateMonth" class="ml-2 mb-0"> name="date">
{{ trans("visiosoft.module.advs::field.in_the_last_month.name") }} <label for="dateMonth" class="ml-2 mb-0">
</label> {{ trans("visiosoft.module.advs::field.in_the_last_month.name") }}
</label>
</div>
</div> </div>
</div> </div>
<!-- Date Filter End --> <!-- Date Filter End -->
@ -89,19 +91,21 @@
{{ img('visiosoft.module.advs::images/listing/filter-arrow.svg').data|raw }} {{ img('visiosoft.module.advs::images/listing/filter-arrow.svg').data|raw }}
</div> </div>
<div class="px-2 mb-2 d-flex align-items-center"> <div class="overflow-auto">
<input type="checkbox" id="photo" {{ app.request.get('photo') == true ? 'checked' }} value="true" <div class="px-2 mb-2 d-flex align-items-center">
name="photo"> <input type="checkbox" id="photo" {{ app.request.get('photo') == true ? 'checked' }} value="true"
<label for="photo" class="ml-2 mb-0"> name="photo">
{{ trans("visiosoft.module.advs::field.ads_with_photo.name") }} <label for="photo" class="ml-2 mb-0">
</label> {{ trans("visiosoft.module.advs::field.ads_with_photo.name") }}
</div> </label>
<div class="px-2 mb-3 d-flex align-items-center"> </div>
<input type="checkbox" id="video" {{ app.request.get('video') == true ? 'checked' }} value="true" <div class="px-2 mb-3 d-flex align-items-center">
name="video"> <input type="checkbox" id="video" {{ app.request.get('video') == true ? 'checked' }} value="true"
<label for="video" class="ml-2 mb-0"> name="video">
{{ trans("visiosoft.module.advs::field.ads_with_video.name") }} <label for="video" class="ml-2 mb-0">
</label> {{ trans("visiosoft.module.advs::field.ads_with_video.name") }}
</label>
</div>
</div> </div>
</div> </div>
<!-- Media Filter End --> <!-- Media Filter End -->
@ -115,10 +119,12 @@
{{ img('visiosoft.module.advs::images/listing/filter-arrow.svg').data|raw }} {{ img('visiosoft.module.advs::images/listing/filter-arrow.svg').data|raw }}
</div> </div>
<div class="px-2 mb-3 d-flex align-items-center"> <div class="overflow-auto">
<input type="checkbox" id="mapFilter" {{ app.request.get('map') == true ? 'checked' }} value="true" <div class="px-2 mb-3 d-flex align-items-center">
name="map"> <input type="checkbox" id="mapFilter" {{ app.request.get('map') == true ? 'checked' }} value="true"
<label for="mapFilter" class="ml-2 mb-0">{{ trans("visiosoft.module.advs::field.ads_with_map") }}</label> name="map">
<label for="mapFilter" class="ml-2 mb-0">{{ trans("visiosoft.module.advs::field.ads_with_map") }}</label>
</div>
</div> </div>
</div> </div>
<!-- Map Filter End --> <!-- Map Filter End -->