diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 612a3cf..b8695d0 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -168,56 +168,6 @@
-
-
-
Предлагаем познакомиться
-
-
-
-
-
-
Анна, 26
-
На расстоянии 2 км
-
- Музыка
- Путешествия
-
-
-
87%
-
-
-
-
-
-
Мария, 24
-
На расстоянии 5 км
-
- Спорт
- Книги
-
-
-
78%
-
-
-
-
-
-
Елена, 29
-
На расстоянии 3 км
-
- Кино
- Искусство
-
-
-
71%
-
-
-
-
- Смотреть больше
-
-
-
@@ -901,113 +851,6 @@ onMounted(async () => {
z-index: 1;
}
-.suggestions-section {
- color: white;
-}
-
-.user-suggestions {
- display: grid;
- grid-template-columns: repeat(3, 1fr);
- gap: 1.5rem;
- margin-bottom: 2rem;
-}
-
-.suggestion-card {
- background: rgba(255, 255, 255, 0.15);
- backdrop-filter: blur(10px);
- border-radius: 16px;
- overflow: hidden;
- position: relative;
- box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
- transition: all 0.3s ease;
- display: flex;
- flex-direction: column;
- border: 1px solid rgba(255, 255, 255, 0.2);
-}
-
-.suggestion-card:hover {
- transform: translateY(-5px) scale(1.02);
- box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
-}
-
-.suggestion-photo {
- height: 180px;
- background-size: cover;
- background-position: center;
- background-repeat: no-repeat;
-}
-
-.suggestion-info {
- padding: 1.5rem;
- flex-grow: 1;
-}
-
-.suggestion-info h3 {
- font-size: 1.2rem;
- font-weight: 600;
- margin: 0 0 0.5rem;
-}
-
-.suggestion-info p {
- font-size: 0.85rem;
- opacity: 0.8;
- margin: 0 0 1rem;
-}
-
-.suggestion-tags {
- display: flex;
- flex-wrap: wrap;
- gap: 0.5rem;
-}
-
-.suggestion-tags span {
- padding: 0.3rem 0.8rem;
- background: rgba(255, 255, 255, 0.2);
- border-radius: 50px;
- font-size: 0.75rem;
- white-space: nowrap;
-}
-
-.suggestion-match-percent {
- position: absolute;
- top: 10px;
- right: 10px;
- background: linear-gradient(45deg, #FF416C, #FF4B2B);
- color: white;
- border-radius: 50px;
- padding: 0.3rem 0.8rem;
- font-size: 0.85rem;
- font-weight: 600;
- box-shadow: 0 5px 15px rgba(255, 75, 43, 0.3);
-}
-
-.see-more-btn {
- display: inline-flex;
- align-items: center;
- gap: 0.5rem;
- padding: 0.8rem 1.5rem;
- background: rgba(255, 255, 255, 0.2);
- border: 1px solid rgba(255, 255, 255, 0.3);
- color: white;
- border-radius: 50px;
- text-decoration: none;
- font-weight: 600;
- transition: all 0.3s ease;
-}
-
-.see-more-btn:hover {
- background: rgba(255, 255, 255, 0.3);
- transform: translateX(5px);
-}
-
-.see-more-btn i {
- transition: transform 0.3s ease;
-}
-
-.see-more-btn:hover i {
- transform: translateX(5px);
-}
-
.wave-container-auth {
position: absolute;
bottom: 0;
@@ -1039,8 +882,7 @@ onMounted(async () => {
/* Медиа-запросы для авторизованного интерфейса */
@media (max-width: 1100px) {
.stats-cards,
- .action-cards,
- .user-suggestions {
+ .action-cards {
gap: 1rem;
}
@@ -1061,8 +903,7 @@ onMounted(async () => {
@media (max-width: 992px) {
.stats-cards,
- .action-cards,
- .user-suggestions {
+ .action-cards {
grid-template-columns: repeat(2, 1fr);
}
@@ -1081,12 +922,15 @@ onMounted(async () => {
.welcome-message {
font-size: 1.1rem;
}
+
+ .auth-container {
+ padding-bottom: 4rem;
+ }
}
@media (max-width: 768px) {
.stats-cards,
- .action-cards,
- .user-suggestions {
+ .action-cards {
grid-template-columns: 1fr;
gap: 1rem;
}
@@ -1114,13 +958,12 @@ onMounted(async () => {
.welcome-banner,
.stat-card,
- .action-card-content,
- .suggestion-info {
+ .action-card-content {
padding: 1.5rem;
}
.auth-container {
- padding: 0 1rem 5rem;
+ padding: 0 1rem 4rem;
}
.auth-header {
@@ -1130,6 +973,10 @@ onMounted(async () => {
.auth-logo {
font-size: 1.7rem;
}
+
+ .action-section {
+ margin-bottom: 2rem;
+ }
}
@media (max-width: 480px) {
@@ -1153,8 +1000,7 @@ onMounted(async () => {
.welcome-banner,
.stat-card,
- .action-card-content,
- .suggestion-info {
+ .action-card-content {
padding: 1.2rem;
}
@@ -1174,14 +1020,22 @@ onMounted(async () => {
font-size: 1.5rem;
}
- .suggestion-photo {
- height: 150px;
+ .auth-container {
+ padding: 0 0.75rem 3rem;
+ }
+
+ .action-card h3 {
+ font-size: 1.2rem;
+ }
+
+ .action-card p {
+ font-size: 0.85rem;
}
}
/* Исправления Safari */
@supports (-webkit-touch-callout: none) {
- .letter {
+ .letter, .logo-letter, .user-name, .stat-info h3 {
background-clip: text;
-webkit-text-fill-color: transparent;
}