0.0.51 w route card

This commit is contained in:
SBD
2025-01-21 16:48:19 +03:00
parent 8291f956c2
commit 2c00a38ceb
2 changed files with 33 additions and 15 deletions

View File

@@ -39,12 +39,16 @@
--route-btn-hover-text-color: #FFFFFF;
--route-btn-title-color: #272424;
--route-btn-text-data-color: #27242499;
--route-btn-margin: 0;
--route-date-data-justify: center;
--route-date-data-margin: 4px 0 0 0;
--card-splitter-bg: #E6E6E6;
--route-number-font-size: 12px;
--route-number-margin-top: 5px;
background: var(--route-card-bg);
margin: var(--route-card-margin);
box-shadow: var(--route-card-box_shadow);
@@ -166,7 +170,10 @@
}
&.route_date_data{
margin-top: 0;
margin-bottom: 39px;
margin-bottom: 5px;
&:last-of-type{
margin-bottom: 39px;
}
}
justify-content: left!important;
}
@@ -181,6 +188,7 @@
} &:has(.departure_from){
.place{justify-content: left}
}
@media (max-width: 1160px) {.place{justify-content: left!important;}}
.label{
color: #27242499;
font-size: var(--big-font-size);
@@ -312,7 +320,7 @@
.route_btn{
@media (max-width: 1160px) {
&.phone{display: none;};
&.mobile{display: block;}
&.mobile{display: flex!important;}
}
&.mobile{display: none;}
@@ -334,6 +342,7 @@
padding: var(--route-btn-padding);
background: var(--route-btn-bg);
height: var(--route-btn-height);
margin: var(--route-btn-margin);
text-align: center;
transition: 200ms all;
&:has(img){
@@ -391,4 +400,15 @@
gap: 21px;
margin: 20px 0;
}
.route_number{
@media (max-width: 1160px) {
--route-number-font-size: 10px;
--route-number-margin-top: 10px;
}
color: #000000;
width: 100%;
text-align: right;
font-size: var(--route-number-font-size);
margin-top: var(--route-number-margin-top);
}
}

View File

@@ -24,6 +24,7 @@
{% trans "Комментарий отсутствует" %}
{% endif %}
</div>
<div class="route_number">{% trans "Объявление №" %} {{ route.id }}</div>
</div>
<div class="route_card_route_data">
<div class="from_to_place_data">
@@ -107,12 +108,6 @@
{{ route.from_city.name }}/{{ route.from_city.country.name }}
</div>
</div>
{% if route.owner_type == 'mover' %}
<div class="route_date_data">
{% trans "Отправка:" %}
<div class="date_data_value">{{ route.departure_DT|date:'d F Y' }}</div>
</div>
{% endif %}
</div>
<div class="route_way_data">
<div class="route_transport">
@@ -132,6 +127,15 @@
{% trans "Дата доставки:" %}
<div class="date_data_value">{{ route.arrival_DT|date:'d F Y' }}</div>
</div>
{% else %}
<div class="route_date_data">
{% trans "Отправка:" %}
<div class="date_data_value">{{ route.departure_DT|date:'d F Y' }}</div>
</div>
<div class="route_date_data">
{% trans "Прибытие:" %}
<div class="date_data_value">{{ route.arrival_DT|date:'d F Y' }}</div>
</div>
{% endif %}
</div>
<div class="from_to_place_data">
@@ -145,12 +149,6 @@
{{ route.to_city.name }}/{{ route.to_city.country.name }}
</div>
</div>
{% if route.owner_type == 'mover' %}
<div class="route_date_data">
{% trans "Прибытие:" %}
<div class="date_data_value">{{ route.arrival_DT|date:'d F Y' }}</div>
</div>
{% endif %}
</div>
</div>
</div>
@@ -170,7 +168,7 @@
</div>
</div>
</div>
<div class="route_btn phone mobile inactive" style="--route-btn-width: 100%;--route-btn-height: min-content;--route-btn-padding: 7.5px 11px;">
<div class="route_btn phone mobile inactive" style="--route-btn-width: auto;--route-btn-height: min-content;--route-btn-padding: 7.5px 11px;--route-btn-margin: 20.5px 0 0 0;">
<img src="{% static "v2/icons/widgets/w_route_card/phone_half_opacity.svg" %}" alt="">
<div class="route_btn_title big">{{ route.phone }}</div>
</div>