Task 1 | fix fix template bugs and layout

This commit is contained in:
2024-09-09 08:42:01 +03:00
parent 804d1c68ad
commit 8c51488478
53 changed files with 1730 additions and 920 deletions

View File

@@ -91,22 +91,11 @@
</div>
<div class="counter">
<span class="minus">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g opacity="0.3">
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
<img src="assets/img/icons/i-minus.svg" alt="">
</span>
<input type="number" value="1" min="1" max="100">
<span class="plus">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g opacity="0.3">
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
<img src="assets/img/icons/i-plus.svg" alt="">
</span>
шт
</div>
@@ -178,13 +167,7 @@
<div class="modal modal_big return_modal1">
<span class="plus">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g opacity="0.3">
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
<img src="assets/img/icons/i-plus.svg" alt="">
</span>
<div class="modal_title">Завка на возврат заказаоформлена, спасибо за обращение</div>
<img src="assets/img/animal_image2.png" alt="" class="return_modal_image">
@@ -192,13 +175,7 @@
<div class="modal modal_big return_modal2">
<div class="modal_content">
<span class="plus">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g opacity="0.3">
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
<img src="assets/img/icons/i-plus.svg" alt="">
</span>
<div class="products">
<div class="product_item">
@@ -237,9 +214,7 @@
<div class="modal_title">Фото доказательства</div>
<p class="caption_text">В формате PNG, JPEG</p>
<div class="remined_text d-flex align-items-start">
<svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5 29C22.5081 29 29 22.5081 29 14.5C29 6.49187 22.5081 0 14.5 0C6.49187 0 0 6.49187 0 14.5C0 22.5081 6.49187 29 14.5 29ZM15.1 7C11.7 7 10 9 10 13H11.66C11.66 11.4 11.94 10.28 12.5 9.64C13.0733 9 13.94 8.68 15.1 8.68C16.0733 8.68 16.8133 8.9 17.32 9.34C17.84 9.76667 18.1 10.3067 18.1 10.96C18.1 11.3867 18.0333 11.7533 17.9 12.06C17.78 12.3533 17.5733 12.64 17.28 12.92C17 13.2 16.58 13.5533 16.02 13.98C15.1667 14.62 14.5467 15.3133 14.16 16.06C13.7867 16.7933 13.5933 17.6133 13.58 18.52H15.14C15.1533 17.72 15.3267 17.0467 15.66 16.5C15.9933 15.9533 16.4533 15.4533 17.04 15C18.08 14.1867 18.8 13.4867 19.2 12.9C19.6 12.3133 19.8 11.6 19.8 10.76C19.8 10.0933 19.6 9.47333 19.2 8.9C18.8133 8.32667 18.26 7.86667 17.54 7.52C16.82 7.17333 16.0067 7 15.1 7ZM13.34 22.6C13.62 22.8667 13.96 23 14.36 23C14.7467 23 15.0733 22.8667 15.34 22.6C15.6067 22.32 15.74 21.98 15.74 21.58C15.74 21.1933 15.6067 20.8667 15.34 20.6C15.0733 20.32 14.7467 20.18 14.36 20.18C13.96 20.18 13.62 20.32 13.34 20.6C13.0733 20.8667 12.94 21.1933 12.94 21.58C12.94 21.98 13.0733 22.32 13.34 22.6Z" fill="#F4F1F0"/>
</svg>
<img src="assets/img/icons/i-subtract.svg" alt="">
Чтобы заявку одобрили, добавьте все требуемые фото. На них должно быть видно, что товар не использовался и сохранил свой товарный вид
</div>
<label class="photo_image">
@@ -265,13 +240,7 @@
<div class="modal auth_modal auth1">
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
<img src="assets/img/icons/i-plus.svg" alt="">
</span>
<div class="d-flex flex-column align-items-center gap-15">
<a href="#" class="main_btn login_btn">Вход</a>
@@ -281,20 +250,11 @@
<form class="modal auth_modal auth2">
<div class="modal_top">
<a href="#" class="back_btn">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<path d="M26.1484 34.127L14.2969 22.4015L26.1484 10.676" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
<circle cx="22" cy="22" r="21" transform="rotate(-180 22 22)" stroke="#121212" stroke-width="2"/>
</svg>
<img src="assets/img/icons/i-back.svg" alt="">
</a>
<div class="modal_title">Регистрация</div>
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
<img src="assets/img/icons/i-plus.svg" alt="">
</span>
</div>
<div class="modal_inputs">
@@ -326,20 +286,11 @@
<form class="modal auth_modal auth3">
<div class="modal_top">
<a href="#" class="back_btn">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<path d="M26.1484 34.127L14.2969 22.4015L26.1484 10.676" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
<circle cx="22" cy="22" r="21" transform="rotate(-180 22 22)" stroke="#121212" stroke-width="2"/>
</svg>
<img src="assets/img/icons/i-back.svg" alt="">
</a>
<div class="modal_title">Регистрация</div>
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
<img src="assets/img/icons/i-plus.svg" alt="">
</span>
</div>
<div class="modal_inputs">
@@ -354,20 +305,11 @@
<form class="modal auth_modal auth4">
<div class="modal_top">
<a href="#" class="back_btn">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<path d="M26.1484 34.127L14.2969 22.4015L26.1484 10.676" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
<circle cx="22" cy="22" r="21" transform="rotate(-180 22 22)" stroke="#121212" stroke-width="2"/>
</svg>
<img src="assets/img/icons/i-back.svg" alt="">
</a>
<div class="modal_title">Вход</div>
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
<img src="assets/img/icons/i-plus.svg" alt="">
</span>
</div>
<div class="modal_inputs">
@@ -386,20 +328,11 @@
<form class="modal auth_modal auth5">
<div class="modal_top">
<a href="#" class="back_btn">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<path d="M26.1484 34.127L14.2969 22.4015L26.1484 10.676" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
<circle cx="22" cy="22" r="21" transform="rotate(-180 22 22)" stroke="#121212" stroke-width="2"/>
</svg>
<img src="assets/img/icons/i-back.svg" alt="">
</a>
<div class="modal_title">Вход</div>
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
<img src="assets/img/icons/i-plus.svg" alt="">
</span>
</div>
<div class="modal_inputs">