modified: main_dc/yalarba/easySite/easySite/app/components/layout/Footer.vue

add hover into footer for titels
This commit is contained in:
2025-11-01 23:01:03 +05:00
parent 0ddfff8732
commit 8f0905e2cc
@@ -74,7 +74,7 @@
</div>
</div>
<!-- Вакансии и навигация -->
<!-- Вакансии -->
<div class="footer-section">
<h3 class="footer-title"><NuxtLink to="/vacations">Карьера</NuxtLink></h3>
<div class="footer-links">
@@ -85,8 +85,9 @@
</div>
</div>
<!-- Навигация -->
<div class="footer-section">
<h3 class="footer-title">Полезное</h3>
<h3 id="poleznoe" class="footer-title">Полезное</h3>
<div class="footer-links">
<NuxtLink to="/objects" class="footer-link">🔍 Все объекты</NuxtLink>
<NuxtLink to="/objects/create" class="footer-link"> Добавить объект</NuxtLink>
@@ -213,7 +214,18 @@
font-weight: 600;
margin-bottom: 0.5rem;
color: var(--text-primary);
transition: color 0.3s ease;
transition: text-shadow 0.3s ease, color 0.3s ease;
}
.footer-title:hover {
text-shadow: 0 0 5px #fff, /* Белая тень (основное свечение) */
0 0 10px #fff, /* Более широкая белая тень */
0 0 15px #00ffff, /* Голубой оттенок свечения */
0 0 20px #00ffff; /* Ещё шире голубой оттенок */
}
#poleznoe:hover {
text-shadow: none;
}
.footer-title-margin {