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

View File

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