modified: serv_nginx/bbvue/src/router/index.js

modified:   serv_nginx/bbvue/src/views/Home.vue
change message and set button's new css rule

serv_nginx/bbvue/src/router/index.js

@@ -94,21 +94,21 @@ function showNotification(message) {
   const notification = document.createElement('div')
   notification.style.cssText = `
     position: fixed;
-    top: 20px;
+    top: 50px;
     right: 20px;
-    background: #2e8b57;
+    background: rgba(46, 139, 87, 0.8); /* Прозрачный зеленый фон */
+    backdrop-filter: blur(10px); /* Размытый фон */
     color: white;
     padding: 15px 20px;
     border-radius: 8px;
     box-shadow: 0 4px 12px rgba(0,0,0,0.15);
     z-index: 10000;
     max-width: 300px;
-    font-family: Arial, sans-serif;
-  `
+`;
   notification.textContent = message
-  
+
   document.body.appendChild(notification)
-  
+
   // Автоматически удаляем через 3 секунды
   setTimeout(() => {
     if (notification.parentNode) {
@@ -145,7 +145,7 @@ router.beforeEach(async (to, from, next) => {
   // Проверяем, предназначен ли маршрут только для гостей
   if (to.meta.guestOnly && authStore.isAuthenticated) {
     showNotification("Вы уже авторизованы. Перенаправляем в профиль...")
-    
+
     // Ждем немного чтобы пользователь увидел уведомление, затем редиректим
     setTimeout(() => {
       next('/profile')

serv_nginx/bbvue/src/views/Home.vue

@@ -361,6 +361,7 @@ export default {
   justify-content: center;
   flex-wrap: wrap;
   margin-bottom: 3rem;
+  width: 100%;
 }
 
 .btn {
@@ -374,11 +375,13 @@ export default {
   transition: all 0.3s ease;
   border: 2px solid transparent;
   gap: 0.5rem;
+  min-width: 120px; 
 }
 
 .btn-large {
   padding: 18px 35px;
   font-size: 1.1rem;
+  min-width: 140px;
 }
 
 .btn-primary {
@@ -818,4 +821,20 @@ export default {
     padding: 0 15px;
   }
 }
+
+@media (max-width: 360px) {
+  .hero-actions {
+    gap: 0.5rem;
+  }
+  
+  .btn {
+    font-size: 0.85rem;
+    padding: 12px 16px;
+  }
+  
+  .btn-large {
+    padding: 14px 18px;
+    font-size: 0.9rem;
+  }
+}
 </style>