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,11 +55,15 @@ ul {
} }
} }
& > label { &:last-child {
max-height: 11rem;
label {
font-size: calc(14rem / 16); font-size: calc(14rem / 16);
} }
} }
} }
}
/* Category */ /* Category */
#category { #category {
@ -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,6 +56,7 @@
{{ 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="overflow-auto">
<div class="px-2 mb-2 d-flex align-items-center"> <div class="px-2 mb-2 d-flex align-items-center">
<input type="radio" id="dateDay" {{ app.request.get('date') == 'day' ? 'checked' }} value="day" <input type="radio" id="dateDay" {{ app.request.get('date') == 'day' ? 'checked' }} value="day"
name="date"> name="date">
@ -78,6 +79,7 @@
</label> </label>
</div> </div>
</div> </div>
</div>
<!-- Date Filter End --> <!-- Date Filter End -->
{% endif %} {% endif %}
@ -89,6 +91,7 @@
{{ 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="overflow-auto">
<div class="px-2 mb-2 d-flex align-items-center"> <div class="px-2 mb-2 d-flex align-items-center">
<input type="checkbox" id="photo" {{ app.request.get('photo') == true ? 'checked' }} value="true" <input type="checkbox" id="photo" {{ app.request.get('photo') == true ? 'checked' }} value="true"
name="photo"> name="photo">
@ -104,6 +107,7 @@
</label> </label>
</div> </div>
</div> </div>
</div>
<!-- Media Filter End --> <!-- Media Filter End -->
{% endif %} {% endif %}
@ -115,12 +119,14 @@
{{ 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="overflow-auto">
<div class="px-2 mb-3 d-flex align-items-center"> <div class="px-2 mb-3 d-flex align-items-center">
<input type="checkbox" id="mapFilter" {{ app.request.get('map') == true ? 'checked' }} value="true" <input type="checkbox" id="mapFilter" {{ app.request.get('map') == true ? 'checked' }} value="true"
name="map"> name="map">
<label for="mapFilter" class="ml-2 mb-0">{{ trans("visiosoft.module.advs::field.ads_with_map") }}</label> <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 -->
{% endif %} {% endif %}