sysadminix/tripwithbonus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

0.0.193 add header width 100%

Browse Source
This commit is contained in:
ArtemB
2023-11-02 13:09:44 +03:00
parent ed809290ca
commit e1846e0564
5 changed files with 133 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
static/css/mobile_styles.css
View File

@@ -111,7 +111,7 @@
}
.mid_block_static{
padding: 0;
margin: 120px 0;
margin: 120px 0 40px;
width: 100%;
}
.wrapper_tab_button{
@@ -119,6 +119,7 @@
}
.benefit_img{
flex-wrap: wrap;
text-align: center;
}
.tab-btn-2{
margin: 0 0 5px 0;
@@ -344,6 +345,21 @@
line-height: 22px;
width: 60%;
}
.type_of_subscribes{
flex-direction: column;
align-items: center;
}
.subscribes_container{
width: 100%;
}
.container_subscribe{
margin: 0 auto;
width: unset;
}
/* for_customers*/

2
static/css/styles(boris).css
View File

@@ -1979,7 +1979,7 @@
.header_big_background{
height: 90px;
background: #F8F8F8;
width: 1280px;
width: 100%;
position: absolute;
z-index: 3;
}

20
static/css/styles.css
View File

@@ -140,8 +140,8 @@ html, body{
}
.wrapper_content {
margin: 55px auto;;
/*padding: 40px 5px;*/
margin: 55px auto;
max-width: 1280px;
}
@@ -490,6 +490,17 @@ header .header-first {
vertical-align: middle;
}
.header_logo>a,
.header_btn_mover>a,
.header_btn_sender>a{
color: #272424;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 22px;
}
/*.header_menu{*/
/* display: none;*/
/* max-height: 200px;*/
@@ -683,6 +694,11 @@ span.btn_profile_name {
}
#customer_service{
margin-right: 35px;
color: #272424;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 22px;
}

187
templates/blocks/b_header.html
View File

@@ -3,117 +3,120 @@
<div class="header_big_background">
</div>
<header id="header_bg">
<div class="header-first">
<div class="header_logo">
<a href="/"><img class="svg" src="/static/img/svg/Logo.svg"></a>
</div>
<div class="header_logo_mobile">
<a href="/"><img class="svg" src="/static/img/svg/LogoMobile.svg"></a>
</div>
<div class="wrapper_header_content">
<div class="header-first">
<div class="header_logo">
<a href="/"><img class="svg" src="/static/img/svg/Logo.svg"></a>
</div>
<div class="header_logo_mobile">
<a href="/"><img class="svg" src="/static/img/svg/LogoMobile.svg"></a>
</div>
<div onclick="showMenu(this, event)" class="dropdown">
<img class="dropbtn" src="/static/img/svg/Menu.svg">
<div
onmouseleave="hideMenu(event)"
class="dropdown-content"
>
<a href="/">Главная</a>
<a href="{% url 'static_page' 'for_movers' %}">Для отправителя</a>
<a href="{% url 'static_page' 'for_customers' %}">Для перевозчика</a>
<a href="{% url "static_page" "about_service" %}">О Trip With Bonus</a>
<a href="{% url 'static_page' 'contacts' %}">Контакты</a>
<a href="{% url 'static_page' 'advertisement' %}">Реклама</a>
<a href="{% url "articles" %}">Новости</a>
<a href="{% url 'static_page' 'customer_service' %}">Служба поддержки</a>
<a href="{% url "static_page" "partners" %}">Партнерам</a>
<div onclick="showMenu(this, event)" class="dropdown">
<img class="dropbtn" src="/static/img/svg/Menu.svg">
<div
onmouseleave="hideMenu(event)"
class="dropdown-content"
>
<a href="/">Главная</a>
<a href="{% url 'static_page' 'for_movers' %}">Для отправителя</a>
<a href="{% url 'static_page' 'for_customers' %}">Для перевозчика</a>
<a href="{% url "static_page" "about_service" %}">О Trip With Bonus</a>
<a href="{% url 'static_page' 'contacts' %}">Контакты</a>
<a href="{% url 'static_page' 'advertisement' %}">Реклама</a>
<a href="{% url "articles" %}">Новости</a>
<a href="{% url 'static_page' 'customer_service' %}">Служба поддержки</a>
<a href="{% url "static_page" "partners" %}">Партнерам</a>
</div>
</div>
<div class="header_btn_mover">
<a href="{% url 'profile_page' 'create_route_for_mover' %}">Перевезти посылку</a>
</div>
<div class="header_btn_sender">
<a href="{% url 'profile_page' 'create_route_for_customer' %}">Отправить посылку</a>
</div>
</div>
<div class="header-second">
<div class="header-second-item-lang">
<div class="dropdown_lang">
<div id="dropbtn_lang" class="dropbtn_lang">RU</div>
<div class="dropdown-content-lang">
<a id="ru_lang" href="/ru{{ request.path|del_lang_from_path }}">RU</a>
<a id="en_lang" href="/en{{ request.path|del_lang_from_path }}">EN</a>
</div>
</div>
</div>
<div class="header_btn_mover">
<a href="{% url 'profile_page' 'create_route_for_mover' %}">Перевезти посылку</a>
<div class="header-second-item">
<img class="svg" src="/static/img/svg/Helpdesk_%20Icon.svg">
</div>
<div class="header_btn_sender">
<a href="{% url 'profile_page' 'create_route_for_customer' %}">Отправить посылку</a>
<div class="header-second-item">
<a id="customer_service" href="{% url 'static_page' 'customer_service' %}">Служба поддержки</a>
</div>
</div>
<div class="header-second">
<div class="header-second-item-lang">
<div class="dropdown_lang">
<div id="dropbtn_lang" class="dropbtn_lang">RU</div>
<div class="dropdown-content-lang">
<a id="ru_lang" href="/ru{{ request.path|del_lang_from_path }}">RU</a>
<a id="en_lang" href="/en{{ request.path|del_lang_from_path }}">EN</a>
</div>
</div>
</div>
<div class="header-second-item">
<img class="svg" src="/static/img/svg/Helpdesk_%20Icon.svg">
</div>
<div class="header-second-item">
<a id="customer_service" href="{% url 'static_page' 'customer_service' %}">Служба поддержки</a>
{% if user.is_authenticated %}
{# boris changed #}
<div class="cont_header_btn_profile">
<div class="button_profile_header" onclick="show_header_list()" data-user-id="{{ user.id }}">
</div>
<span class="btn_profile_name">
{{ user.first_name }} {{ user.last_name }}
</span>
<div class="icon_unread_messages" style="padding-top: 2px;padding-right: 13px;">
<div class="cost-messages-in-user-tab-messenger" style="background: #FFFFFF;">
<span class="unredmessages_value_text" style="padding-top: 2px;padding-left: 0; color: #000000;"></span>
</div>
</div>
</div>
<div class="button_profile_header_mobile" onclick="show_header_list()">
<img src="/static/img/svg/userMobile.svg" alt="">
</div>
{% if user.is_authenticated %}
{# boris changed #}
<div class="cont_header_btn_profile">
<div class="button_profile_header" onclick="show_header_list()" data-user-id="{{ user.id }}">
<span class="btn_profile_name">
{{ user.first_name }} {{ user.last_name }}
</span>
<div class="icon_unread_messages" style="padding-top: 2px;padding-right: 13px;">
<div class="cost-messages-in-user-tab-messenger" style="background: #FFFFFF;">
<span class="unredmessages_value_text" style="padding-top: 2px;padding-left: 0; color: #000000;"></span>
</div>
<div class="menu_profile_btn">
{% if user_subscribe %}<div class="subscribe_type_txt"><span class="f-l">Подписка:</span> <span class="f-r">{{ user_subscribe.subscribe.name }}</span><div class="clear_both"></div></div>{% endif %}
<a class="btn_menu_profile" href="{% url "user_profile" %}" >Перейти в профиль</a>
<a class="btn_menu_profile" href="{% url 'profile_page' 'create_route_for_mover' %}">Перевезти посылку</a>
<a class="btn_menu_profile" href="{% url 'profile_page' 'create_route_for_customer' %}">Отправить посылку</a>
<a class="btn_menu_profile" href="{% url 'profile_page' 'my_routes' %}" >Мои объявления</a>
<div class="separator_menu_profile"></div>
<a href="/profile/logout" class="btn_menu_profile">Выйти из профиля</a>
</div>
</div>
{# end #}
{% endif %}
{% if not user.is_authenticated %}
<a
class="registration_button"
href="{% url "registration_page" %}">
Регистрация
</a>
<a
class="enter_button"
href="{% url "login_profile" %}">
Войти
</a>
<div class="button_profile_header_mobile" onclick="show_header_list()">
<img src="/static/img/svg/userMobile.svg" alt="">
</div>
<div class="menu_profile_btn">
{% if user_subscribe %}<div class="subscribe_type_txt"><span class="f-l">Подписка:</span> <span class="f-r">{{ user_subscribe.subscribe.name }}</span><div class="clear_both"></div></div>{% endif %}
<a class="btn_menu_profile" href="{% url "user_profile" %}" >Перейти в профиль</a>
<a class="btn_menu_profile" href="{% url 'profile_page' 'create_route_for_mover' %}">Перевезти посылку</a>
<a class="btn_menu_profile" href="{% url 'profile_page' 'create_route_for_customer' %}">Отправить посылку</a>
<a class="btn_menu_profile" href="{% url 'profile_page' 'my_routes' %}" >Мои объявления</a>
<div class="separator_menu_profile"></div>
<a href="/profile/logout" class="btn_menu_profile">Выйти из профиля</a>
</div>
<div class="menu_profile_btn">
<a class="btn_menu_profile" href="{% url "login_profile" %}" >Войти</a>
<a class="btn_menu_profile" href="{% url "registration_page" %}">Регистрация</a>
</div>
{# end #}
{% endif %}
{% if not user.is_authenticated %}
<a
class="registration_button"
href="{% url "registration_page" %}">
Регистрация
</a>
<a
class="enter_button"
href="{% url "login_profile" %}">
Войти
</a>
<div class="button_profile_header_mobile" onclick="show_header_list()">
<img src="/static/img/svg/userMobile.svg" alt="">
</div>
<div class="menu_profile_btn">
<a class="btn_menu_profile" href="{% url "login_profile" %}" >Войти</a>
<a class="btn_menu_profile" href="{% url "registration_page" %}">Регистрация</a>
</div>
{% endif %}
{% endif %}
</div>
<div class="clear_both"></div>
</div>
<div class="clear_both"></div>
</header>
<div class="line_f_header"></div>

4
templates/tb_base.html
View File

@@ -52,7 +52,7 @@
{% endblock %}
</head>
<body>
<div class="wrapper_main">
{% include 'blocks/b_header.html' %}
<div class="wrapper_content">
@@ -61,7 +61,7 @@
</div>
</div>
{% include 'blocks/b_footer.html' %}