diff --git a/serv_nginx/bbvue/src/components/writeLogo.vue b/serv_nginx/bbvue/src/components/writeLogo.vue index 9900a65..df40cfd 100644 --- a/serv_nginx/bbvue/src/components/writeLogo.vue +++ b/serv_nginx/bbvue/src/components/writeLogo.vue @@ -40,16 +40,9 @@ export default { font-weight: 600; color: #2e8b57; font-size: 0.9rem; - border: 2px solid black; /* Black border for the text */ - padding: 2px 4px; /* Optional: Adds space inside the border */ - border-radius: 4px; /* Optional: Rounded corners */ -} - -/* Скрыть на десктопе по умолчанию */ -@media (min-width: 769px) { - .mobile-logo { - display: none; - } + border: 2px solid black; + padding: 2px 4px; + border-radius: 4px; } /* Показать на мобильных устройствах */ diff --git a/serv_nginx/bbvue/src/views/Home.vue b/serv_nginx/bbvue/src/views/Home.vue index f64f765..c677162 100644 --- a/serv_nginx/bbvue/src/views/Home.vue +++ b/serv_nginx/bbvue/src/views/Home.vue @@ -324,7 +324,7 @@ export default { font-size: 3rem; font-weight: 800; text-shadow: - 2px 2px 4px #26302868; + 2px 2px 4px #8bbb939f; line-height: 1.1; margin-bottom: 0.5rem; letter-spacing: 2px; @@ -382,14 +382,17 @@ export default { } .btn-primary { - background: #ffd700; - color: #333; + border: 2px solid; + color: #ffffff; box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3); } .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 215, 0, 0.4); + background: white; + color: #2e8b57; + border-color: white; } .btn-outline { @@ -766,7 +769,7 @@ export default { .btn-large { width: 100%; - max-width: 300px; + max-width: 260px; } .hero-stats { @@ -819,18 +822,18 @@ export default { } } -@media (max-width: 360px) { +@media (max-width: 480px) { .hero-actions { gap: 0.5rem; } .btn { font-size: 0.85rem; - padding: 12px 16px; + padding: 12px 14px; } .btn-large { - padding: 14px 18px; + padding: 14px 14px; font-size: 0.9rem; } }