diff --git a/main_dc/yalarba/easySite/easySite/app/pages/profile/index.vue b/main_dc/yalarba/easySite/easySite/app/pages/profile/index.vue index d5bec52..5067940 100644 --- a/main_dc/yalarba/easySite/easySite/app/pages/profile/index.vue +++ b/main_dc/yalarba/easySite/easySite/app/pages/profile/index.vue @@ -9,9 +9,10 @@
+
-

Основная информация

+

Личная информация

-
-
-
5
-
Объектов
+
+
+ +
Иванов Иван Петрович
-
-
12
-
Отзывов
+
+ +
123456789012
+ +
+
+

Информация об организации

+
+
+
+
+
+ +
Индивидуальный предприниматель (ИП)
+
+
+ +
Индивидуальный предприниматель Иванов Иван Петрович
+
+
+ +
ИП Иванов И.П.
+
+
+ +
123456789012
+
+
+
+
+
+ + +
+
+

Статистика

+
+
+
+
+
5
+
Объектов
+
+
+
12
+
Отзывов
+
+
+
3
+
Активных
+
+
+
2
+
На модерации
+
+
+
+
+
@@ -55,8 +112,8 @@ 🔍 Все объекты - - 🏠 Главная + + ✏️ Редактировать профиль
@@ -75,10 +132,37 @@ ✅ Активен
+
+ 🏢 + Индивидуальный предприниматель +

Демо-режим

+ +
+
+

Контактная информация

+
+
+
+
+ +
+7 (999) 123-45-67
+
+
+ +
user@example.com
+
+
+ +
Москва
+
+
+
+
+
@@ -95,11 +179,11 @@ ➕ Добавить объект - - 🔑 Войти + + ✏️ Редактировать профиль - - 📝 Регистрация + + 🏠 Главная
@@ -200,16 +284,70 @@ color: var(--text-secondary); } +.info-grid { + display: flex; + flex-direction: column; + gap: 1rem; +} + +.info-item { + display: flex; + flex-direction: column; + gap: 0.25rem; +} + +.info-label { + font-size: 0.875rem; + color: var(--text-secondary); + font-weight: 500; +} + +.info-value { + font-weight: 500; + color: var(--text-primary); +} + +.org-info { + display: flex; + flex-direction: column; + gap: 1rem; +} + +.contact-info { + display: flex; + flex-direction: column; + gap: 0.75rem; +} + +.contact-item { + display: flex; + flex-direction: column; + gap: 0.25rem; +} + +.contact-label { + font-size: 0.75rem; + color: var(--text-tertiary); + text-transform: uppercase; + letter-spacing: 0.05em; +} + +.contact-value { + font-weight: 500; + color: var(--text-primary); +} + .user-stats { display: grid; grid-template-columns: 1fr 1fr; - gap: 1rem; - padding-top: 1rem; - border-top: 1px solid var(--border-light); + gap: 1.5rem; } .stat-item { text-align: center; + padding: 1rem; + background: var(--bg-secondary); + border-radius: var(--radius-md); } .stat-number { @@ -239,7 +377,7 @@ display: flex; align-items: center; gap: 0.5rem; - margin-bottom: 0.5rem; + margin-bottom: 0.75rem; } .status-icon { @@ -254,6 +392,9 @@ .status-note { color: var(--text-secondary); font-size: 0.875rem; + margin-top: 0.5rem; + padding-top: 0.5rem; + border-top: 1px solid var(--border-light); } .nav-links { @@ -285,6 +426,10 @@ .actions-grid { grid-template-columns: 1fr; } + + .user-stats { + grid-template-columns: 1fr 1fr; + } } @media (max-width: 768px) { @@ -296,5 +441,25 @@ .page-title { font-size: 1.5rem; } + + .user-stats { + grid-template-columns: 1fr; + gap: 1rem; + } +} + +@media (max-width: 480px) { + .profile-page { + padding: 1rem 0; + } + + .page-header { + margin-bottom: 1.5rem; + } + + .profile-main, + .profile-sidebar { + gap: 1rem; + } } \ No newline at end of file