diff --git a/plugins/tps/birzha/components/balance/bank_transfer_pay.htm b/plugins/tps/birzha/components/balance/bank_transfer_pay.htm index d1ec9e520..cad2c0e13 100644 --- a/plugins/tps/birzha/components/balance/bank_transfer_pay.htm +++ b/plugins/tps/birzha/components/balance/bank_transfer_pay.htm @@ -36,11 +36,11 @@ -
+
@@ -58,11 +58,16 @@
-
+ + + + diff --git a/plugins/tps/birzha/components/balance/default.htm b/plugins/tps/birzha/components/balance/default.htm index c879825ba..57230ba9c 100644 --- a/plugins/tps/birzha/components/balance/default.htm +++ b/plugins/tps/birzha/components/balance/default.htm @@ -11,40 +11,98 @@
{{'account.fill_up_balance'|_}}
+
+ +
+

Онлайн оплата

+

Банковский перевод

+
+
+
+
+
+
+ + + +
+ - +

+ * Перед отправкой убедитесь что перевод был осуществлен верно и у вас имеется чек +

+
+
+
+
-
- - - -
- -
- -
- +
+
+
+ {{'account.bank_details'|_}}: +
+
+ - 1234-1234-1234-1234 +
+
+ - 1234-1234-1234-1234 +
+
+
+
+ {{'account.bank_address'|_}}: +
+
+ {{'account.bank_1'|_}} +
+
+
+
+ {{'account.our_bank_details'|_}}: +
+
+ - 1234-1234-1234-1234 +
-
- + +

+ * Перед отправкой убедитесь что перевод был осуществлен верно и у вас имеется чек +

+ +
- - - +
{% else %}
diff --git a/shablon/Replenishment_history.html b/shablon/Replenishment_history.html new file mode 100644 index 000000000..7a0d3985b --- /dev/null +++ b/shablon/Replenishment_history.html @@ -0,0 +1,403 @@ + + + + + + + + + + + + + History + + + + + +
+
+
+
+
+
+ +
+
+ +99312446015 +
+
+
+
+ +
+ + info@exchange.gov.tm + +
+
+ + + +
+
+
+ +
+
+ usd +
+
+ 3.5000 +
+
+
+
+ +
+
+ eur +
+
+ 4.3430 +
+
+
+
+ +
+
+ gbp +
+
+ 3.4353 +
+
+
+
+
+
+ + + + + + + + + + + +
+
+
+
+ История пополнения +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
№ пополненияДата пополненияМетод оплатыСумма пополненияСтатус
25252513:00 - 09.08.2021Банковский трансфер1 000 TMT +

+ Одобренно +

+
32323213:00 - 09.08.2021Банковский трансфер2 000 TMT +

+ Отказ +

+
+
+ +
+ + + +
+ +
+ + + +
+ 15 страниц +
+
+
+
+
+ + + + + + + + + + + + + + diff --git a/shablon/css/main.css b/shablon/css/main.css index 0acfed3f8..6170b6830 100644 --- a/shablon/css/main.css +++ b/shablon/css/main.css @@ -25,7 +25,7 @@ input::-webkit-inner-spin-button { margin: 0; } -/*** +/*** ==================================================================== Global Settings ==================================================================== @@ -43,6 +43,10 @@ body { -moz-font-smoothing: antialiased; } +body.active { + overflow: hidden; +} + a { text-decoration: none; color: #000; @@ -459,10 +463,10 @@ li { position: absolute; /* top: calc(100% + 52px); */ - bottom: -360px; - left: 0; + bottom: -515px; + left: -30px; - width: 400px; + width: 350px; background: #fff; z-index: -1; @@ -504,6 +508,8 @@ li { .profile_item:last-child { border: none; + border-bottom-left-radius: 10px; + border-bottom-right-radius: 10px; } .add_post_btn { @@ -755,8 +761,8 @@ li { display: flex; align-items: center; justify-content: space-between; - -webkit-box-shadow: 0px 15px 4px -10px var(--rgba-black); - box-shadow: 0px 15px 4px -10px var(--rgba-black); + /* -webkit-box-shadow: 0px 15px 4px -10px var(--rgba-black); + box-shadow: 0px 15px 4px -10px var(--rgba-black); */ } .header_logo { @@ -1038,15 +1044,15 @@ li { } .intro_slider { - background: url("../images/slide.png") no-repeat center; + /* background: url("../images/slide.png") no-repeat center; background-size: cover; - -webkit-background-size: cover; + -webkit-background-size: cover; */ position: relative; - width: calc(70% - 25px); + width: calc(100% - 40px); height: 480px; - margin-right: 25px; + margin-right: 40px; border-radius: 10px; overflow: hidden; z-index: 1; @@ -1069,6 +1075,38 @@ li { z-index: -1; } +.slider_item { + width: 100%; + height: 480px; + position: relative; +} + +.slider_item-img::before { + position: absolute; + content: ''; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 49, 151, .5); + +} + +.slider_item-img { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +.slider_item-img img { + width: 100%; + height: 100%; + object-fit: cover; + -o-object-fit: cover; +} + .slider_title { font-size: var(--text-32); font-weight: 700; @@ -1086,22 +1124,20 @@ li { text-align: center; color: #fff; z-index: 5; - position: relative; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -moz-transform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); width: 80%; - /* display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - -ms-flex-direction: column; */ - - - margin: auto; } .advert { - width: calc(30% - 25px); - margin-left: 25px; + width: 380px; } .advert_item { @@ -1116,17 +1152,17 @@ li { height: 100%; object-fit: contain; -o-object-fit: contain; + border-radius: 10px; } .categories { display: flex; - align-items: center; margin: 50px -20px 0; } .cat_item { - width: calc(25% - 20px); + width: calc(20% - 20px); margin: 0 20px; padding: 40px 20px; @@ -1162,6 +1198,7 @@ li { font-size: var(--text-20); font-weight: 700; line-height: 1.4; + text-align: center; } /* Product =================================================== */ @@ -1584,7 +1621,7 @@ li { /* Footer end =================================================== */ -/* Category Page +/* Category Page ==================================================================== */ /* Category ======================================================== */ @@ -1594,7 +1631,6 @@ li { .cat_tabs { display: flex; - align-items: center; justify-content: space-between; margin-bottom: 100px; @@ -1614,6 +1650,9 @@ li { font-weight: 700; line-height: 1.4; + display: flex; + align-items: center; + justify-content: center; transition: all .15s linear; -webkit-transition: all .15s linear; @@ -1718,7 +1757,7 @@ li { margin-left: 20px; } -/* Product detail Page +/* Product detail Page ==================================================================== */ /* Product detail ======================================================== */ @@ -1731,10 +1770,16 @@ li { } .detail_info { + /* display: flex; */ + /* align-items: flex-end; */ + /* justify-content: space-between; */ + width: calc(100% - 50px); + margin-left: 50px; +} + +.detail_info-inner { display: flex; - align-items: flex-end; justify-content: space-between; - width: 100%; } .detail_gallery { @@ -1782,35 +1827,39 @@ li { -o-object-fit: cover; } -.detail_about { +/* .detail_about { margin-left: 50px; -} +} */ .detail_title { font-size: var(--text-32); font-weight: 700; line-height: 1.4; margin-bottom: 30px; + width: 100%; } .detail_row { - display: flex; - align-items: center; + /* display: flex; + align-items: center; */ margin-bottom: 20px; } .detail_name { - font-size: var(--text-20); - font-weight: 400; + font-size: 16px; + font-weight: 700; line-height: 1.4; margin-right: 20px; + margin-bottom: 5px; + color: #a8a8a8; } .detail_value { font-size: var(--text-20); font-weight: 400; line-height: 1.4; + color: var(--blue); } .green { @@ -1827,10 +1876,11 @@ li { } .description_title { - font-size: var(--text-20); + font-size: 16px; font-weight: 700; line-height: 1.4; margin-bottom: 20px; + color: #a8a8a8; } .detail_text { @@ -1936,7 +1986,85 @@ li { margin-top: 50px; } -/* Contact Page +.seller_info { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, .5); + backdrop-filter: blur(5px); + z-index: 20; + display: none; +} + +.seller_info.active { + display: block; +} + +.seller_inner { + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -moz-transform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); + background: #fff; + padding: 50px; + border-radius: 10px; + width: 700px; +} + +.seller_title { + font-size: 32px; + font-weight: 700; + line-height: 1.4; + margin-bottom: 50px; +} + +.seller_row { + display: flex; + margin-bottom: 30px; +} + +.seller_row:last-child { + margin-bottom: 0; +} + +.seller_icon { + width: 40px; + height: 40px; + margin-right: 15px; +} + +.seller_icon img { + width: 100%; + height: 100%; + object-fit: contain; + -o-object-fit: contain; +} + +.seller_label { + font-size: 16px; + font-weight: 700; + line-height: 1.3; + margin-bottom: 5px; + color: var(--blue); +} + +.seller_text { + font-size: 20px; + font-weight: 600; + line-height: 1.4; +} + + + + + +/* Contact Page ======================================================================== */ /* Contact ============================================================= */ @@ -2111,6 +2239,10 @@ li { padding: 100px 0; } +.post_wrap { + overflow: hidden; +} + .post_tabs { display: flex; align-items: center; @@ -2131,6 +2263,53 @@ li { cursor: pointer; } +.error_span { + /* position: absolute; + left: 0; + bottom: 0; */ + margin-top: 5px; + display: block; +} + +.t-c { + text-align: center; + width: 100%; +} + +.show_span { + font-size: 18px; + font-weight: 600; + line-height: 1.5; + margin: 10px 0; + width: 100%; +} + +.new_group { + display: flex; + align-items: center; + width: 100%; + margin-top: 20px; +} + +.new_group .item_btn { + margin-top: 0; + padding: 10px 15px; + width: calc(50% - 10px); +} + +.new_group .item_btn:first-child { + margin-right: 10px; +} + +.delete_item_btn { + background: rgb(255, 0, 0); +} + +.full_btn { + width: 100%; + max-width: 100%; +} + .post_link.active { color: #fff; background: var(--blue); @@ -2144,8 +2323,12 @@ li { -o-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; + position: relative; + margin: -25px -20px 0; +} - margin: -25px -20px; +.post_form-2 .btn_bg { + margin-top: 50px; } .simple_group { @@ -2161,8 +2344,9 @@ li { .post_input { width: calc(33.33% - 40px); - margin: 25px 20px; + margin: 25px 20px 0; position: relative; + /* padding-bottom: 25px; */ } .post_input input { @@ -2205,6 +2389,7 @@ li { width: calc(100% - 40px); margin: 25px 20px; position: relative; + /* padding-bottom: 25px; */ } .post_comment textarea { @@ -2234,6 +2419,68 @@ li { color: red; } +.bank { + width: 100%; + margin: 15px 10px 0; + display: flex; + flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + -o-flex-wrap: wrap; + -webkit-flex-wrap: wrap; +} + +.bank_group { + width: calc(33.33% - 20px); + margin: 10px; +} + +.bank_group:last-child { + margin-bottom: 0; +} + +.bank_title { + font-size: 20px; + font-weight: 600; + line-height: 1.3; + margin-bottom: 10px; +} + +.bank_text { + font-size: 16px; + font-weight: 400; + line-height: 1.4; + margin-bottom: 5px; + padding-left: 20px; +} + +.bank_form .post_upload_box { + width: calc(67% - 45px); + margin: 25px 20px 0; +} + +/* .bank_form .post_upload_item { + margin: 25px 0; +} */ + +.upload_label { + font-size: var(--text-18); + font-weight: 400; + line-height: 1; + margin-left: 20px; + margin-bottom: 20px; + display: block; +} + +.upload_label span { + color: red; +} + +.bank_form .post_upload_box .post_upload_item { + width: 100%; + margin: 25px 0; +} + .btn_bg { width: calc(100% - 40px); margin: 25px 20px; @@ -2282,15 +2529,15 @@ li { } .eye_on.active { - display: none; + display: block; } -.eye_off { +.eye_on { display: none; } .eye_off.active { - display: block; + display: none; } .add_post_text { @@ -2400,12 +2647,18 @@ li { background: #E2E2E2; border-radius: 5px; margin: 0; - padding: 15px 30px; + padding: 15px; cursor: pointer; } .form_group { - width: calc(100% - 155px); + width: calc(100% - 170px); +} + +.alert-danger p { + font-size: 20px; + font-weight: 500; + line-height: 1.5; } .form_group label { @@ -2457,20 +2710,27 @@ li { .my-select { width: 100%; position: relative; + /* padding-bottom: 25px; */ +} + +.p-b { + padding-bottom: 0; } .my-select::after { position: absolute; content: ""; - top: 50%; + top: 30px; right: 30px; transform: translateY(-30%); width: 0; height: 0; + /* display: ; */ border: 6px solid #000; border-color: #000 transparent transparent transparent; } + .my-select select { width: 100%; border: 1px solid rgba(0, 0, 0, .5); @@ -2598,6 +2858,49 @@ li { position: relative; } +#more_btn { + background: transparent; + border: none; + width: 100%; + text-align: center; + font-size: 15px; + font-weight: 500; + line-height: 1.4; + position: relative; + margin-bottom: 20px; + cursor: pointer; + font-style: italic; +} + +#more_btn::before { + content: ''; + position: absolute; + top: -15px; + left: 50%; + transform: translateX(-50%); + -ms-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -o-transform: translateX(-50%); + -webkit-transform: translateX(-50%); + border: 6px solid #000; + border-color: transparent transparent #000 transparent; + animation: load_arrow .8s ease-in infinite; +} + +@keyframes load_arrow { + 0% { + top: -12px; + } + + 50% { + top: -15px; + } + + 100% { + top: -12px; + } +} + .chat_box { display: flex; border: 1px solid #e2e2e2; @@ -2605,7 +2908,7 @@ li { overflow: hidden; z-index: 7; - position: relative; + /* position: relative; */ } .chat_people { @@ -2614,6 +2917,7 @@ li { height: 620px; overflow-y: auto; position: relative; + background: #fff; } .chat_people::-webkit-scrollbar { @@ -2703,7 +3007,7 @@ li { /* z-index: 3; */ background: #fff; - display: none; + /* display: none; */ } .chat_area-inner.active { @@ -2984,12 +3288,13 @@ li { font-weight: 400; line-height: 1.3; text-align: center; + width: 100%; } /* Message end ======================================= */ -/* Basket ======================================= */ +/* Basket =========================================== */ .basket_box { display: flex; @@ -3164,6 +3469,67 @@ li { /* Basket end ======================================= */ +/* Replenishment History ======================================= */ + +.history_table { + width: 100%; + overflow-x: auto; +} + +.history_table table { + width: 100%; + text-align: center; + border: 1px solid #F1F1F1; + border-collapse: collapse; + border-radius: 20px; +} + +.history_table table td { + border: 1px solid #F1F1F1; + padding: 30px 7px; + + font-size: 20px; + font-weight: 500; + line-height: 1.3; +} + +/* .history_table table tbody tr:last-child td:first-child { + border-bottom-left-radius: 20px; +} + +.history_table table tbody tr:last-child td:last-child { + border-bottom-right-radius: 20px; +} + +.history_table table th:first-child { + border-top-left-radius: 5px; +} + +.history_table table th:last-child { + border-top-right-radius: 5px; +} */ + +.history_table table th { + color: #fff; + background: var(--blue); + padding: 30px 10px; + + font-size: 16px; + font-weight: 400; + line-height: 1.3; +} + +.approved { + color: #01BF34; +} + +.denied { + color: #FF0000; +} + +/* Replenishment History end ======================================= */ + + /* Media Query ======================================================= */ @@ -3274,7 +3640,7 @@ li { .cat_item { padding: 30px 15px; margin: 0 15px; - width: calc(25% - 15px); + width: calc(20% - 15px); } .cat_photo { @@ -3307,6 +3673,18 @@ li { width: 575px; } + .detail_info { + margin-left: 0; + } + + .detail_info-inner { + justify-content: unset; + } + + .detail_other { + margin-left: 50px; + } + } @media(max-width: 1400px) { @@ -3379,7 +3757,7 @@ li { } .profile_drop { - bottom: -350px; + bottom: -515px; } } @@ -3439,7 +3817,7 @@ li { .cat_item { padding: 30px 10px; margin: 20px; - width: calc(50% - 40px); + width: calc(33.33% - 40px); } .cat_photo { @@ -3463,8 +3841,13 @@ li { margin-bottom: 30px; } + /* .tab_link:nth-child(2) { margin-right: 0; + } */ + + .profile_drop { + bottom: -505px; } /* Basket =============== */ @@ -3597,6 +3980,28 @@ li { height: 550px; } + .bank_title { + font-size: 18px; + } + + .bank_text { + font-size: 14px; + } + + .bank_group { + width: calc(40% - 20px); + } + + /* Replenishment History ======================================= */ + + .history_table { + border: 1px solid #f1f1f1; + } + + .history_table table { + width: 1250px; + } + } @media(max-width: 1000px) { @@ -3703,7 +4108,8 @@ li { margin-right: 20px; } - .intro_slider { + .intro_slider, + .slider_item { height: 480px; } @@ -3755,9 +4161,9 @@ li { } .profile_drop { - right: -45px; + right: -35px; left: unset; - bottom: -365px; + bottom: -517px; width: 320px; } @@ -3853,6 +4259,8 @@ li { -webkit-transition: all .3s linear; z-index: 5; + border-top-left-radius: 10px; + border-bottom-left-radius: 10px; } .chat_people.active { @@ -3871,6 +4279,44 @@ li { display: block; } + /* Seller ---------------- */ + + .seller_inner { + padding: 30px; + width: 80%; + } + + .seller_title { + font-size: 24px; + margin-bottom: 20px; + } + + .seller_label, + .seller_text { + font-size: 14px; + } + + .seller_icon { + width: 30px; + height: 30px; + } + + .bank_form .post_upload_box { + width: calc(50% - 45px); + } + + .bank_form .post_input input { + padding: 10px 20px; + } + + /* .bank_form .upload_group label { + padding: 12px; + } + + .bank_form .additional { + padding: 0 0 0 5px !important; + } */ + } @media(max-width: 900px) { @@ -3882,6 +4328,11 @@ li { padding: 10px 20px; } + .post_comment textarea { + padding: 10px 15px; + height: 50px; + } + .burger { width: 25px; height: 25px; @@ -3968,6 +4419,10 @@ li { width: 40%; } + .cat_item { + width: calc(50% - 40px); + } + } @media(max-width: 800px) { @@ -3976,6 +4431,10 @@ li { font-size: 28px; } + .contact_title { + font-size: 22px; + } + .register_body { height: auto; flex-direction: column; @@ -4020,6 +4479,45 @@ li { .my_message { width: 70%; } + + .bank_form .post_input { + width: 100%; + margin: 15px 20px; + } + + .bank_form .post_upload_box { + width: 100%; + margin: 10px 20px; + } + + .bank_form .post_upload_box .post_upload_item { + margin: 0; + } + + /* Replenishment History ======================================= */ + + .history_table { + border: 1px solid #f1f1f1; + } + + .history_table table { + width: 900px; + } + + .history_table table th { + padding: 20px 5px; + font-size: 14px; + } + + .history_table table td { + padding: 20px 7px; + font-size: 16px; + } + + .cat_end { + margin-top: 60px; + } + } @media(max-width: 700px) { @@ -4028,6 +4526,24 @@ li { --text-18: 16px } + .new_group { + flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + -o-flex-direction: column; + -webkit-flex-direction: column; + } + + .new_group .item_btn { + width: 100%; + max-width: 100%; + } + + .new_group .item_btn:first-child { + margin-right: 0; + margin-bottom: 10px; + } + .languages { padding: 10px; } @@ -4066,11 +4582,13 @@ li { display: flex; align-items: center; justify-content: center; - flex-wrap: wrap; + /* flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -o-flex-wrap: wrap; - -webkit-flex-wrap: wrap; + -webkit-flex-wrap: wrap; */ + + flex-direction: column; margin-top: 50px; } @@ -4081,7 +4599,8 @@ li { margin-bottom: 20px; } - .intro_slider { + .intro_slider, + .slider_item { height: 420px; } @@ -4121,7 +4640,7 @@ li { } .contact_title { - margin-bottom: 40px; + margin-bottom: 20px; } @@ -4136,7 +4655,7 @@ li { } .post_form { - margin: -25px 0; + margin: 0px 0; } .post_input label { @@ -4147,7 +4666,8 @@ li { margin: 0; } - .post_input { + .post_input, + .post_comment { width: 100%; margin: 12px 0; } @@ -4177,9 +4697,15 @@ li { .profile_drop { width: 270px; - bottom: -350px; + bottom: -445px; font-size: 14px; - right: -55px; + right: unset; + left: 50%; + transform: translateX(-50%); + -ms-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -o-transform: translateX(-50%); + -webkit-transform: translateX(-50%); margin-bottom: 50px; } @@ -4239,6 +4765,34 @@ li { height: 470px; } + .bank_group { + width: 100%; + margin: 10px 0; + } + + .bank_form .post_input { + margin: 15px 0px; + } + + .bank_form .post_upload_box { + margin: 10px 0px; + } + + .upload_label { + margin: 0 0 12px 10px; + } + + .detail_info-inner { + flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + -o-flex-direction: column; + -webkit-flex-direction: column; + } + + .detail_info { + margin-left: 0; + } } @media(max-width: 600px) { @@ -4308,9 +4862,9 @@ li { margin-right: 0; } - .contact_title { + /* .contact_title { margin-bottom: 30px; - } + } */ .contact { padding: 40px 0; @@ -4321,7 +4875,9 @@ li { } .add_post_btn { - padding: 10px; + /* padding: 10px; */ + width: 100%; + justify-content: center; } .post_text { @@ -4338,7 +4894,7 @@ li { .profile_icon { width: 15px; - height: 15px; + height: 20px; } .profile_icon img { @@ -4349,7 +4905,7 @@ li { } .profile_drop { - bottom: -300px; + bottom: -420px; } .category_search { @@ -4387,7 +4943,8 @@ li { width: 90%; } - .chat_area, .chat_people { + .chat_area, + .chat_people { height: 400px; } @@ -4423,6 +4980,30 @@ li { padding: 20px; } + /* Seller ---------------- */ + + .seller_inner { + padding: 20px; + width: 95%; + } + + .seller_title { + font-size: 20px; + margin-bottom: 20px; + } + + .seller_label, + .seller_text { + font-size: 14px; + } + + .seller_row { + margin-bottom: 10px; + } + + .detail_other { + margin-left: 30px; + } } @media(max-width: 500px) { @@ -4431,6 +5012,10 @@ li { --text-20: 14px; } + .contact_title { + font-size: 18px; + } + .links { width: 85%; } @@ -4531,10 +5116,10 @@ li { } .profile_drop { - width: 200px; - bottom: -315px; + width: 300px; + bottom: -360px; font-size: 14px; - right: -23px; + right: -72px; margin-bottom: 0; } @@ -4544,7 +5129,7 @@ li { } .logo_text { - font-size: 14px; + font-size: 13px; } .footer_img { @@ -4581,6 +5166,15 @@ li { font-size: 14px; } + .error_span { + font-size: 12px; + } + + .t-c { + width: 100%; + text-align: center; + } + .contact_input { margin: 10px 0; } @@ -4621,6 +5215,21 @@ li { font-size: 17px; } + .bank_group { + margin: 5px 0; + } + + .bank_form .upload_group label { + font-size: 12px; + text-align: center; + display: flex; + align-items: center; + justify-content: center; + } + + .bank_form .additional { + padding: 0 0 0 5px; + } } @media(max-width: 420px) { @@ -4632,15 +5241,24 @@ li { width: 95%; } + .form_group { + width: calc(100% - 130px); + } + .cat_photo { width: 75px; height: 80px; } - .post_input input { + .post_input input, + .my-select select { padding: 10px 15px; } + .my-select::after { + top: 20px; + } + .custom-select { padding: 10px 15px; } @@ -4655,13 +5273,17 @@ li { } .profile_drop { - width: 200px; - bottom: -290px; + width: 240px; + bottom: -385px; font-size: 14px; - right: -23px; + right: -42px; padding-bottom: 30px; } + .links { + padding: 20px; + } + .post { padding: 30px 0 55px; } @@ -4687,4 +5309,31 @@ li { font-size: 12px; } -} \ No newline at end of file + .seller_title { + font-size: 20px; + margin-bottom: 20px; + } + + .seller_label, + .seller_text { + font-size: 12px; + } + + .seller_icon { + width: 26px; + height: 26px; + } + + .bank_title { + font-size: 16px; + } + + .post_form-2 .btn_bg { + margin-top: 30px; + } + + .upload_label { + font-size: 14px; + } + +} diff --git a/shablon/images/svg/coins.svg b/shablon/images/svg/coins.svg new file mode 100644 index 000000000..333395993 --- /dev/null +++ b/shablon/images/svg/coins.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/shablon/images/svg/fav_icon.svg b/shablon/images/svg/fav_icon.svg new file mode 100644 index 000000000..a2a933e9f --- /dev/null +++ b/shablon/images/svg/fav_icon.svg @@ -0,0 +1,10 @@ + + + diff --git a/shablon/images/svg/seller-mail.svg b/shablon/images/svg/seller-mail.svg new file mode 100644 index 000000000..883434e6f --- /dev/null +++ b/shablon/images/svg/seller-mail.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/shablon/images/svg/seller-phone.svg b/shablon/images/svg/seller-phone.svg new file mode 100644 index 000000000..72de37545 --- /dev/null +++ b/shablon/images/svg/seller-phone.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/shablon/images/svg/seller-profile.svg b/shablon/images/svg/seller-profile.svg new file mode 100644 index 000000000..444a110af --- /dev/null +++ b/shablon/images/svg/seller-profile.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/shablon/images/wallet.png b/shablon/images/wallet.png new file mode 100644 index 000000000..f88dbdd3b Binary files /dev/null and b/shablon/images/wallet.png differ diff --git a/shablon/js/main.js b/shablon/js/main.js index 802cf7bb8..5d369507f 100644 --- a/shablon/js/main.js +++ b/shablon/js/main.js @@ -1,5 +1,5 @@ -// +// // selector ============= @@ -32,6 +32,13 @@ let chat_alert = document.querySelectorAll('.chat_alert'); let chat_burger = document.querySelector('.chat_burger'); let chat_people = document.querySelector('.chat_people'); +let register_content = document.querySelector('.register_content'); +let register_content_2 = document.querySelector('.register_content_2'); + +let seller_btn = document.querySelector('.seller_btn'); +let seller_info = document.querySelector('.seller_info'); + + // Fixed header ==================================== @@ -95,6 +102,8 @@ window.onclick = function (e) { if (register != undefined) { if (register.classList.contains('active') && !e.target.closest('.register_body')) { register.classList.remove('active'); + selectElement('body').classList.remove('active'); + } } @@ -105,19 +114,29 @@ window.onclick = function (e) { } if (chat_people != undefined) { - if (chat_people.classList.contains('active') && !e.target.closest('.chat_burger') ) { + if (chat_people.classList.contains('active') && !e.target.closest('.chat_burger')) { chat_people.classList.remove('active'); } } + if (seller_info != undefined) { + if (seller_info.classList.contains('active') && !e.target.closest('.seller_inner')) { + seller_info.classList.remove('active'); + selectElement('body').classList.remove('active'); + } + } + if (selectElement('.links').classList.contains('active') && !e.target.closest('.profile_head') && !e.target.closest('.links')) { selectElement('.links').classList.remove('active'); + selectElement('body').classList.remove('active'); } if (selectElement('.links_bg').classList.contains('active') && !e.target.closest('.profile_head') && !e.target.closest('.links')) { selectElement('.links_bg').classList.remove('active'); + selectElement('body').classList.remove('active'); } + } @@ -127,6 +146,7 @@ selectElement('.burger').addEventListener('click', function () { sleep(2).then(() => { selectElement('.links_bg').classList.toggle('active'); selectElement('.links').classList.toggle('active'); + selectElement('body').classList.toggle('active'); }); }); @@ -149,6 +169,8 @@ if (register_btn != undefined) { register.classList.toggle('active'); btn_2.classList.add('active'); btn_1.classList.remove('active'); + selectElement('body').classList.add('active'); + register_content.classList.add('active'); register_content_2.classList.remove('active'); @@ -164,6 +186,8 @@ if (log_in != undefined) { register.classList.toggle('active'); btn_1.classList.add('active'); btn_2.classList.remove('active'); + selectElement('body').classList.add('active'); + register_content.classList.remove('active'); register_content_2.classList.add('active'); @@ -211,14 +235,14 @@ if (eye_off != undefined) { x.addEventListener('click', function () { sleep(2).then(() => { - pass.type = "password"; - pass_2.type = "password"; + pass.type = "text"; + pass_2.type = "text"; eye_on.forEach(e => { - e.classList.toggle('active'); + e.classList.add('active'); }) eye_off.forEach(w => { - w.classList.toggle('active'); + w.classList.add('active'); }) }); }); @@ -230,14 +254,14 @@ if (eye_on != undefined) { q.addEventListener('click', function () { sleep(2).then(() => { - pass.type = "text"; - pass_2.type = "text"; + pass.type = "password"; + pass_2.type = "password"; eye_on.forEach(e => { - e.classList.toggle('active'); + e.classList.remove('active'); }) eye_off.forEach(w => { - w.classList.toggle('active'); + w.classList.remove('active'); }) }); }); @@ -264,6 +288,15 @@ if (chat_burger != undefined) { }); } +if (seller_btn != undefined) { + seller_btn.addEventListener('click', function () { + sleep(2).then(() => { + seller_info.classList.add('active'); + selectElement('body').classList.add('active'); + }); + }); +} + // if (person != undefined) { // person.forEach(y => { // y.addEventListener('click', function () { diff --git a/shablon/js/scrollTopOnSteps.js b/shablon/js/scrollTopOnSteps.js new file mode 100644 index 000000000..938c33d68 --- /dev/null +++ b/shablon/js/scrollTopOnSteps.js @@ -0,0 +1,3 @@ +$(document).ready(function() { + $(document).scrollTop( 0 ); +}) \ No newline at end of file diff --git a/shablon/js/slider.js b/shablon/js/slider.js index 21009ffd4..94bee6654 100644 --- a/shablon/js/slider.js +++ b/shablon/js/slider.js @@ -4,7 +4,7 @@ $(".intro_slider").slick({ slidesToShow: 1, slidesToScroll: 1, arrows: true, - autoplay: false, + autoplay: true, dots: true, autoplaySpeed: 3000, pauseOnHover: false, @@ -26,9 +26,9 @@ $(".advert").slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, - autoplay: false, + autoplay: true, dots: true, - autoplaySpeed: 1000, + autoplaySpeed: 2500, pauseOnHover: false, diff --git a/themes/birzha/assets/css/main.css b/themes/birzha/assets/css/main.css index 8336893b1..189398f6b 100644 --- a/themes/birzha/assets/css/main.css +++ b/themes/birzha/assets/css/main.css @@ -136,7 +136,6 @@ li { --item-img-paddimg: 0; --item--align: unset; --cursor: unset; - --padding-row: 0; } [data-theme="row"] { @@ -154,7 +153,6 @@ li { --item-img-paddimg: 10px 25px; --item--align: center; --cursor: pointer; - --padding-row: 0 7px; } @@ -443,7 +441,6 @@ li { .profile_head { display: flex; align-items: center; - margin-right: 40px; cursor: pointer; } @@ -465,8 +462,9 @@ li { position: absolute; /* top: calc(100% + 52px); */ - bottom: -515px; - left: -30px; + bottom: -440px; + right: 0; + /* left: -30px; */ width: 350px; @@ -499,16 +497,30 @@ li { .profile_item { display: flex; align-items: center; - - padding: 25px 30px; - border-bottom: 1px solid rgba(0, 0, 0, .3); + margin-right: 20px; + cursor: default; } -.profile_item:hover { +.p-0 { + padding: 0 !important; +} + +.p-0 .profile_text { + white-space: nowrap; +} + +.profile_drop .profile_item { + padding: 25px 30px; + margin-right: 0; + border-bottom: 1px solid rgba(0, 0, 0, .3); + cursor: pointer; +} + +.profile_drop .profile_item:hover { background: #f5f5f5; } -.profile_item:last-child { +.profile_drop .profile_item:last-child { border: none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; @@ -544,6 +556,96 @@ li { line-height: 1.3; } +/* Balance ====================== */ + +.balance_tabs { + display: flex; +} + +.balance_link { + padding: 25px 15px; + border-radius: 5px; + cursor: pointer; + width: 300px; + text-align: center; + background: #F2F6FF; + + margin-right: 30px; + + font-size: 18px; + font-weight: 400; + line-height: 1.3; +} + +.balance_link.active { + background: var(--blue); + color: #fff; +} + +.balance_link:last-child { + margin-right: 0; +} + +.balance_box { + margin-top: 50px; +} + +.balance_source { + display: none; +} + +.balance_source.active { + display: block; +} + +.post_form-3 { + display: flex; + align-items: end; + flex-wrap: wrap; + -ms-flex-wrap: wrap; + -o-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -moz-flex-wrap: wrap; + position: relative; + margin: -25px -20px 0; +} + +.send_btn { + background: var(--blue); + color: #fff; + border: none; + border-radius: 5px; + padding: 20px 50px; + cursor: pointer; + font-size: var(--text-18); + font-weight: 400; + line-height: 1; + display: block; +} + +.post_footer-text { + color: #E2E2E2; + font-size: 20px; + line-height: 1.3; + font-weight: 400; + display: block; + width: 100%; + margin-top: 30px; + margin: 30px 20px 0; +} + +.post_footer-text span { + color: red; +} + +.post_form-3 .post_upload_item { + margin-bottom: 0 !important; +} + +.post_form-3 .upload_group label { + padding: 20px; +} + /* Change Password ============================================= */ .password { @@ -749,6 +851,11 @@ li { line-height: 1.4; } +.head_group { + display: flex; + align-items: center; +} + /* Header ============================================= */ .header { -webkit-box-shadow: 0px 6px 4px -1px var(--rgba-black); @@ -1203,30 +1310,6 @@ li { text-align: center; } -.link { - margin: 30px 0 0 0; - display: flex; - align-items: center; - justify-content: center; -} - -.home_link { - display: block; -} - -.home_link span { - display: block; - margin: 0 auto; - padding: 12px 40px; - background: var(--blue); - color: #fff; - font-size: 16px; - font-weight: 500; - line-height: 1.3; - border-radius: 5px; - cursor: pointer; -} - /* Product =================================================== */ .product { @@ -1467,9 +1550,7 @@ li { } .item_photo { - /* height: 180px; */ - height: auto; - max-height: 200px; + height: 180px; width: var(--item-element-width); border-right: var(--item-element-border); @@ -1494,7 +1575,6 @@ li { border-right: var(--item-element-border); margin: var(--item-element-margin); - padding: var(--padding-row); } .product_item .item_group:last-child { @@ -1508,13 +1588,6 @@ li { color: var(--blue); margin-top: 20px; - - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 3; - -webkit-box-orient: vertical; - overflow: hidden; - text-overflow: ellipsis; } .item_sub_title { @@ -1524,13 +1597,6 @@ li { color: #000; text-align: var(--item--align); margin: 10px 0; - - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 3; - -webkit-box-orient: vertical; - overflow: hidden; - text-overflow: ellipsis; } .item_name { @@ -1545,7 +1611,7 @@ li { font-size: var(--text-16); font-weight: 400; line-height: 1.4; - color: #a8a8a8; + color: var(--rgba-black); } .item_btn { @@ -2428,6 +2494,20 @@ li { color: red; } +.post_in label { + font-size: var(--text-18); + font-weight: 400; + line-height: 1; + margin-left: 20px; + margin-bottom: 20px; + display: block; +} + +.post_in label span { + color: red; +} + + .post_comment { width: calc(100% - 40px); margin: 25px 20px; @@ -2498,7 +2578,8 @@ li { } .bank_form .post_upload_box { - width: calc(67% - 45px); + /* width: calc(67% - 45px); */ + width: 550px; margin: 25px 20px 0; } @@ -3512,6 +3593,67 @@ li { /* Basket end ======================================= */ +/* Replenishment History ======================================= */ + +.history_table { + width: 100%; + overflow-x: auto; +} + +.history_table table { + width: 100%; + text-align: center; + border: 1px solid #F1F1F1; + border-collapse: collapse; + border-radius: 20px; +} + +.history_table table td { + border: 1px solid #F1F1F1; + padding: 30px 7px; + + font-size: 20px; + font-weight: 500; + line-height: 1.3; +} + +/* .history_table table tbody tr:last-child td:first-child { + border-bottom-left-radius: 20px; +} + +.history_table table tbody tr:last-child td:last-child { + border-bottom-right-radius: 20px; +} + +.history_table table th:first-child { + border-top-left-radius: 5px; +} + +.history_table table th:last-child { + border-top-right-radius: 5px; +} */ + +.history_table table th { + color: #fff; + background: var(--blue); + padding: 30px 10px; + + font-size: 16px; + font-weight: 400; + line-height: 1.3; +} + +.approved { + color: #01BF34; +} + +.denied { + color: #FF0000; +} + +/* Replenishment History end ======================================= */ + + /* Media Query ======================================================= */ @@ -3739,7 +3881,7 @@ li { } .profile_drop { - bottom: -515px; + bottom: -441px; } } @@ -3807,9 +3949,9 @@ li { height: 120px; } - /* .item_photo { + .item_photo { height: 150px; - } */ + } .cat_tabs { margin-bottom: 70px; @@ -3822,13 +3964,14 @@ li { width: calc(50% - 40px); margin-bottom: 30px; } -/* + + /* .tab_link:nth-child(2) { margin-right: 0; } */ .profile_drop { - bottom: -505px; + bottom: -431px; } /* Basket =============== */ @@ -3890,9 +4033,9 @@ li { border-right: 1px solid var(--rgba-black); } - /* .item_photo { + .item_photo { height: 120px; - } */ + } .footer_content { align-items: unset; @@ -3973,6 +4116,16 @@ li { width: calc(40% - 20px); } + /* Replenishment History ======================================= */ + + .history_table { + border: 1px solid #f1f1f1; + } + + .history_table table { + width: 1250px; + } + } @media(max-width: 1000px) { @@ -4132,9 +4285,9 @@ li { } .profile_drop { - right: -35px; + right: 0; left: unset; - bottom: -517px; + bottom: -416px; width: 320px; } @@ -4464,6 +4617,31 @@ li { .bank_form .post_upload_box .post_upload_item { margin: 0; } + + /* Replenishment History ======================================= */ + + .history_table { + border: 1px solid #f1f1f1; + } + + .history_table table { + width: 900px; + } + + .history_table table th { + padding: 20px 5px; + font-size: 14px; + } + + .history_table table td { + padding: 20px 7px; + font-size: 16px; + } + + .cat_end { + margin-top: 60px; + } + } @media(max-width: 700px) { @@ -4472,6 +4650,22 @@ li { --text-18: 16px } + .profile_head { + flex-direction: column-reverse; + -ms-flex-direction: column-reverse; + -moz-flex-direction: column-reverse; + -o-flex-direction: column-reverse; + -webkit-flex-direction: column-reverse; + } + + .profile_head .profile_item{ + margin-top: 10px; + } + + .profile_head .profile_item:last-child { + margin-top: 0; + } + .new_group { flex-direction: column; -ms-flex-direction: column; @@ -4543,6 +4737,7 @@ li { width: 100%; margin-right: 0; margin-bottom: 20px; + flex-direction: row; } .intro_slider, @@ -4752,10 +4947,6 @@ li { padding: 0 15px; } - .home_link span { - font-size: 14px; - } - .links { width: 70%; } diff --git a/themes/birzha/assets/js/main.js b/themes/birzha/assets/js/main.js index 5d369507f..004484a85 100644 --- a/themes/birzha/assets/js/main.js +++ b/themes/birzha/assets/js/main.js @@ -9,7 +9,7 @@ const selectElement = function (element) { // selector end============= let drop = document.querySelectorAll('.profile_drop'); -let profile_head = document.querySelectorAll('.profile_head'); +let profile_head = document.querySelectorAll('.profile_bio'); let register = document.querySelector('.register'); let register_btn = document.querySelectorAll('.register_btn'); let log_in = document.querySelectorAll('.log_in'); diff --git a/themes/birzha/partials/header.htm b/themes/birzha/partials/header.htm index 2775fbcc5..ce57772c3 100644 --- a/themes/birzha/partials/header.htm +++ b/themes/birzha/partials/header.htm @@ -102,85 +102,91 @@ code = "main-top"
{% else %} -
-
-
+
+
+
- +
- {{user.name ? user.name : user.email}} + {{ 'auth.messages'|_ }}
-
- + + +
+
+ +
+
+ {{user.balance}} TMT
-
-
-
- -
-
- {{'account.balance'|_}}: {{user.balance}} TMT -
-
+
- +
+
+
- {{ 'auth.personal_data'|_ }} + {{user.name ? user.name : user.email}}
- +
+ +
+
+
- -
- -
-
- {{ 'auth.my_announces'|_ }} -
- + +
+ +
+
+ {{ 'auth.personal_data'|_ }} +
+ - -
- -
-
- {{ 'auth.messages'|_ }} -
- + +
+ +
+
+ {{ 'auth.my_announces'|_ }} +
+ - -
- -
-
- {{'account.fill_up_balance'|_}} -
- + +
+ +
+
+ {{'account.fill_up_balance'|_}} +
+ - -
- -
-
- {{ 'auth.logout'|_ }} -
- + +
+ +
+
+ {{ 'auth.add_announce'|_ }} +
+ + +
+ +
+
+ {{ 'auth.logout'|_ }} +
+ + +
+
- - -
- -
-
- {{ 'auth.add_announce'|_ }} -
-
{% endif %}
@@ -236,14 +242,14 @@ code = "main-top"
-
+
@@ -263,14 +269,14 @@ code = "main-top"
- +
@@ -281,7 +287,6 @@ code = "main-top"
-