0.0.147 routes

This commit is contained in:
SBD
2025-02-04 20:06:22 +03:00
parent eff021b4e2
commit 3c08686f21
4 changed files with 28 additions and 13 deletions

View File

@@ -12,6 +12,9 @@
display: grid; display: grid;
grid-template-columns: 30% calc(100% - 30% - 41px); grid-template-columns: 30% calc(100% - 30% - 41px);
gap: 41px; gap: 41px;
.routes_search_results{
width: calc(100dvw - 40px);
}
@media (max-width: 800px) { @media (max-width: 800px) {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }

View File

@@ -265,12 +265,6 @@
} }
} }
.place_title{
width: 100%;
--max-width: var(--from-to-place-data-width)!important;
background-image: linear-gradient(90deg, rgb(0 0 0) 0%, #FFFFFF var(--max-width))!important;
}
.route_transport, .route_date_data { .route_transport, .route_date_data {
&.route_transport { &.route_transport {
margin-bottom: 0; margin-bottom: 0;
@@ -345,8 +339,9 @@
} }
} }
.place_title{ .place_title{
--gradient_100: var(--max-width); --gradient_end: var(--max-width);
--max-width: calc(var(--from-to-place-data-width) - 52.3px); --gradient_start: calc(var(--max-width) - 70px);
--max-width: calc(var(--from-to-place-data-width) - 62.3px);
font-size: var(--big-font-size); font-size: var(--big-font-size);
font-weight: 800; font-weight: 800;
max-width: var(--max-width); max-width: var(--max-width);
@@ -356,7 +351,12 @@
color: transparent; color: transparent;
background-clip: text; background-clip: text;
-webkit-background-clip: text; -webkit-background-clip: text;
background-image: linear-gradient(90deg, rgb(0 0 0) 0%, #FFFFFF var(--gradient_100)); background-image: linear-gradient(90deg, rgb(0 0 0) 0%, #000 var(--gradient_start), #FFFFFF var(--gradient_end));
}
@media (max-width: 1160px) {
width: var(--max-width);
--gradient_end: var(--from-to-place-data-width);
--gradient_start: calc(var(--from-to-place-data-width) - 50px);
} }
} }
} }

View File

@@ -5,12 +5,24 @@
<div class="b_search_routes"> <div class="b_search_routes">
<form name="search_routes" onsubmit="searchRoutes(this)"> <form name="search_routes" onsubmit="searchRoutes(this)">
<div class="field_container" data-type="location" data-name="from_city"> <div class="field_container" data-type="location" data-name="from_city">
<label for="id_from_city">{% trans "Выезжает из" %}</label> <label for="id_from_city">
{% if owner_type == 'mover' %}
{% trans "Выезжает из" %}
{% else %}
{% trans "Забрать из" %}
{% endif %}
</label>
{% include 'v2/widgets/w_select_country.html' with name='from_city' placeholder='' initial=form.initial.from_city %} {% include 'v2/widgets/w_select_country.html' with name='from_city' placeholder='' initial=form.initial.from_city %}
{% if form.errors.from_city %}<div class="error_container">{{ form.errors.from_city.0 }}</div>{% endif %} {% if form.errors.from_city %}<div class="error_container">{{ form.errors.from_city.0 }}</div>{% endif %}
</div> </div>
<div class="field_container" data-type="location" data-name="to_city"> <div class="field_container" data-type="location" data-name="to_city">
<label for="id_from_city">{% trans "Прибывает в" %}</label> <label for="id_from_city">
{% if owner_type == 'mover' %}
{% trans "Прибывает в" %}
{% else %}
{% trans "Доставить в" %}
{% endif %}
</label>
{% include 'v2/widgets/w_select_country.html' with name='to_city' placeholder='' initial=form.initial.to_city %} {% include 'v2/widgets/w_select_country.html' with name='to_city' placeholder='' initial=form.initial.to_city %}
{% if form.errors.to_city %}<div class="error_container">{{ form.errors.to_city.0 }}</div>{% endif %} {% if form.errors.to_city %}<div class="error_container">{{ form.errors.to_city.0 }}</div>{% endif %}
</div> </div>

View File

@@ -86,7 +86,7 @@
<img src="{{ route.from_city.country.flag.url }}" alt=""> <img src="{{ route.from_city.country.flag.url }}" alt="">
<div class="country_code">{{ route.from_city.country.code }}</div> <div class="country_code">{{ route.from_city.country.code }}</div>
</div> </div>
<div class="place_title{% if route.to_city.name|length > 14 %} gradient{% endif %}"> <div class="place_title gradient">
{{ route.from_city.name }} {{ route.from_city.name }}
</div> </div>
</div> </div>
@@ -127,7 +127,7 @@
<img src="{{ route.to_city.country.flag.url }}" alt=""> <img src="{{ route.to_city.country.flag.url }}" alt="">
<div class="country_code">{{ route.to_city.country.code }}</div> <div class="country_code">{{ route.to_city.country.code }}</div>
</div> </div>
<div class="place_title{% if route.to_city.name|length > 14 %} gradient{% endif %}"> <div class="place_title gradient">
{{ route.to_city.name }} {{ route.to_city.name }}
</div> </div>
</div> </div>