From fcab4a8df9671fa9b934806e878206e2e21a6f756514978f83615a0778c5d6a8 Mon Sep 17 00:00:00 2001 From: vladislav Date: Mon, 14 Sep 2026 20:17:32 -0400 Subject: [PATCH] style --- templates/profile/delivery.html | 135 ++++---------------------------- 1 file changed, 15 insertions(+), 120 deletions(-) diff --git a/templates/profile/delivery.html b/templates/profile/delivery.html index f49a4aa..81f0362 100644 --- a/templates/profile/delivery.html +++ b/templates/profile/delivery.html @@ -6,6 +6,7 @@ {% import "competition/list.html" as competition %} {% import "competition/card.html" as card %} + {% block title %}Где картины{% endblock %} @@ -214,7 +215,6 @@ - {{ footer.section(user) }} {% endblock %} @@ -234,102 +234,52 @@ summary{ text-align: center; font-size: 24px; color: #5f1798; font-weight: bold; .main__title > p{ margin: 0 0 10px 0; font-size: 20px; font-weight: 900; color: #0f172a;} .main__address-label{ font-size: 13px; color: #64748b; margin-bottom: 6px;} .main__address-value{ font-size: 14px; font-weight: 800; color: #0f172a;} -.b_ya0t5 { - align-self: stretch; - border-radius: 5px; - height: 222px; -} -picture > img { - width: 100%; - object-fit: scale-down; -} -.b_kbsvf { - padding: 10px 20px; - align-items: center; - align-self: stretch; - display: flex; - flex-direction: column; - gap: 10px; - justify-content: center; -} +.b_ya0t5 {align-self: stretch;border-radius: 5px;height: 222px;} +picture > img {width: 100%;object-fit: scale-down;} +.b_kbsvf {padding: 10px 20px;align-items: center;align-self: stretch;display: flex;flex-direction: column;gap: 10px;justify-content: center;} .b_thlt1 { align-items: center; background: rgba(14, 214, 70, 0.20); border-radius: 30px; display: flex; justify-content: center; padding: 1.5px 10px; } .b_5dr47 { color: #0ED646; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 700; line-height: normal; } .b_thlt1_2 { align-items: center; background: rgba(95, 23, 152, 0.20); border-radius: 30px; display: flex; justify-content: center; padding: 1.5px 10px; } .b_5dr47_2 { color: #5F1798; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 700; line-height: normal; } -.b_h57rq { - align-items: flex-start; - background: #FDFAFF; - border-radius: 5px; - border: 1px solid #5F1798; - display: flex; - flex-direction: column; - width: 335px; -} +.b_h57rq { align-items: flex-start;background: #FDFAFF;border-radius: 5px;border: 1px solid #5F1798;display: flex;flex-direction: column;width: 335px; } .b_wy3rt { align-items: center; background: #5F1798; border-radius: 5px; display: flex; justify-content: center; padding: 15px 0; width: 100%; } .b_bvl0d { color: #FFF; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } - /* remove default button outline but keep focus visible */ .password-toggle:focus { outline: 2px solid rgba(95,23,152,0.25); outline-offset: 2px; } - /* ensure svg size fits */ .password-toggle .eye { width: 24px; height: 24px; display: block; } - .file-name-display {width: 100%;padding: 16px 50px 16px 16px;border: 2px solid #ddd;border-radius: 8px;font-size: 16px;color: #555;background: #fff;min-height: 56px;display: flex;align-items: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all 0.3s ease;cursor: pointer;} - /* Hover эффект */ .c_aihm6:hover select, .c_nb6gy:hover textarea, .poster-group:hover .file-name-display {border-color: #5F1798;} - /* Когда файл выбран — делаем текст чуть темнее */ .poster-group.has-file .file-name-display {color: #222;font-weight: 500;} - /* Скрытый input file */ .hidden-file {position: absolute;inset: 0;opacity: 0;cursor: pointer;z-index: 2;} - /* Плавающий лейбл */ .poster-group .floating-label {position: absolute;left: 16px;top: -8px;font-size: 13px;color: #5F1798;}background: #fff;padding: 0 6px;z-index: 3;transition: all 0.3s ease;pointer-events: none;} - /* Когда лейбл должен подняться */ .poster-group select:focus + .floating-label, .poster-group.has-file .floating-label {top: -8px;font-size: 13px;color: #5F1798;} - /* Иконка справа */ .file-icon {position: absolute;right: 16px;top: 50%;transform: translateY(-50%);z-index: 3;pointer-events: none;} - /* Красная ошибка */ .poster-group.error .file-name-display {border-color: #e74c3c !important;box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.15);} - .poster-group.error .floating-label {color: #e74c3c !important;} /* ====================== FLOATING LABELS ====================== */ .floating-group {position: relative;margin-bottom: 1.5rem;} - .floating-label {position: absolute;left: 16px;top: -8px;font-size: 13px;color: #5F1798;transition: all 0.3s ease;pointer-events: none;background: #fff;padding: 0 6px;z-index: 2;} - /* Плавающий лейбл */ .floating-group select:focus + .floating-label, .floating-group textarea:focus + .floating-label, .floating-group select:not(:placeholder-shown) + .floating-label, .floating-group textarea:not(:placeholder-shown) + .floating-label {top: -8px;font-size: 15px;color: #5F1798;} - /* Красная подсветка — ТОЛЬКО после попытки отправки */ .floating-group.error select, .floating-group.error textarea, .floating-group.error select[type="file"] {border-color: #e74c3c !important;box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.38);} - .floating-group.error .floating-label {color: #e74c3c !important;} - /* Основные стили полей */ .c_xhd5k, .c_4ykpn {box-sizing: border-box; width: 100%;padding: 16px 16px;border: 2px solid #ddd;border-radius: 8px;font-size: 16px;transition: all 0.3s ease;background: #fff;} - - .c_xhd5k:focus, .c_4ykpn:focus {border-color: #5F1798;outline: none;box-shadow: 0 0 0 3px rgba(95, 23, 152, 0.15);} - -.c_aq9et { - cursor: pointer; - transition: transform 0.1s linear, box‑shadow 0.1s linear; - box-shadow: 0 0 0 rgba(0, 0, 0, 0); -} - -.c_aq9et:active { -transform: scale(0.9); - box-shadow: 5px 5px 5px rgba(95, 23, 152, 0.32); -} - +.c_xhd5k:focus, .c_4ykpn:focus {border-color: #5F1798;outline: none;box-shadow: 0 0 0 3px rgba(95, 23, 152, 0.15);} +.c_aq9et {cursor: pointer;transition: transform 0.1s linear, box‑shadow 0.1s linear;box-shadow: 0 0 0 rgba(0, 0, 0, 0);} +.c_aq9et:active {transform: scale(0.9);box-shadow: 5px 5px 5px rgba(95, 23, 152, 0.32);} article>a{width: 100%;} picture>img{ width: 100%; object-fit: scale-down; } .fl{display: flex;justify-content: space-between;width: 100%;} @@ -360,23 +310,10 @@ picture>img{ width: 100%; object-fit: scale-down; } }