modified: begushiybashkir/bbvue/src/App.vue
modified: begushiybashkir/bbvue/src/views/About.vue opacute for header and link for write log header to home page
This commit is contained in:
@@ -3,26 +3,24 @@
|
||||
<header class="app-header">
|
||||
<div class="container header-container">
|
||||
<!-- Логотип -->
|
||||
<div class="logo">
|
||||
<div class="logo-box">
|
||||
<img src="./assets/logo/Logo.png" alt="Little logo begushiy bashkir" class="little-logo">
|
||||
<router-link to="/">
|
||||
<div class="logo">
|
||||
<div class="logo-box">
|
||||
<img src="./assets/logo/Logo.png" alt="Little logo begushiy bashkir" class="little-logo">
|
||||
</div>
|
||||
<div class="logo-box">
|
||||
<span><i>Бегущий Башкир</i></span>
|
||||
</div>
|
||||
<div class="logo-box team">
|
||||
<span>team</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="logo-box">
|
||||
<span><i>Бегущий Башкир</i></span>
|
||||
</div>
|
||||
<div class="logo-box team">
|
||||
<span>team</span>
|
||||
</div>
|
||||
</div>
|
||||
</router-link>
|
||||
|
||||
<!-- Бургер-меню для всех устройств -->
|
||||
<div class="burger-menu-container">
|
||||
<button
|
||||
class="burger-menu"
|
||||
:class="{ 'active': isMobileMenuOpen }"
|
||||
@click="toggleMobileMenu"
|
||||
aria-label="Открыть меню"
|
||||
>
|
||||
<button class="burger-menu" :class="{ 'active': isMobileMenuOpen }" @click="toggleMobileMenu"
|
||||
aria-label="Открыть меню">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
@@ -132,6 +130,11 @@ export default {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Arial', sans-serif;
|
||||
line-height: 1.6;
|
||||
@@ -147,7 +150,7 @@ body {
|
||||
|
||||
/* Header Styles */
|
||||
.app-header {
|
||||
background-color: #2e8b57;
|
||||
background-color: #2e8b5670;
|
||||
color: white;
|
||||
padding: 1rem 0;
|
||||
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
|
||||
@@ -382,7 +385,8 @@ body {
|
||||
}
|
||||
|
||||
.team {
|
||||
display: none; /* Скрываем team на планшетах */
|
||||
display: none;
|
||||
/* Скрываем team на планшетах */
|
||||
}
|
||||
}
|
||||
|
||||
@@ -429,7 +433,8 @@ body {
|
||||
}
|
||||
|
||||
.team {
|
||||
display: none; /* Скрываем team на мобильных */
|
||||
display: none;
|
||||
/* Скрываем team на мобильных */
|
||||
}
|
||||
|
||||
.little-logo {
|
||||
@@ -535,6 +540,7 @@ body {
|
||||
opacity: 0;
|
||||
transform: translateY(-10px);
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
|
||||
@@ -252,15 +252,15 @@
|
||||
<h3>📞 Свяжитесь с нами</h3>
|
||||
<div class="contact-item">
|
||||
<strong>Телефон:</strong>
|
||||
<a href="tel:+79273093095">+7 (927) 30-93-095</a>
|
||||
<a href="tel:+79273093095"> +7 (927) 30-93-095</a>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<strong>Email:</strong>
|
||||
<a href="mailto:zog1r@mail.ru">zog1r@mail.ru</a>
|
||||
<a href="mailto:zog1r@mail.ru"> zog1r@mail.ru</a>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<strong>Telegram:</strong>
|
||||
<a href="https://t.me/begushiybashkir" target="_blank">@begushiybashkir</a>
|
||||
<a href="https://t.me/begushiybashkir" target="_blank"> @begushiybashkir</a>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<strong>Город:</strong>
|
||||
|
||||
Reference in New Issue
Block a user