delf/agroexpert
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add breadcrumbs.css

Browse Source
This commit is contained in:
AK Delfin
2025-06-18 14:56:07 +03:00
parent bd95014d3b
commit 740d2267a3
3 changed files with 68 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

142
frontend/src/pages/pages.html
View File

@@ -1,142 +1,4 @@
<!DOCTYPE html>
<html lang="en">
{{> head}}
<body>
<div id="app">
{{> header-banner}} {{> header}}
<main class="main">
<div class="container">
<div class="content">
<ul>
<li>
<a href="index.html">Главная</a>
</li>
<li>
<a href="404.html">404</a>
</li>
<li>
<a href="about.html">О проекте</a>
</li>
<li>
<a href="advertiser.html">Рекламодателям</a>
</li>
<li>
<a href="events.html">Мероприятия</a>
</li>
<li>
<a href="interviews.html">Интервью</a>
</li>
<li>
<a href="materials.html">Материалы</a>
</li>
<li>
<a href="materials-single.html">Просмотр материала</a>
</li>
<li>
<a href="partners.html">Партнеры</a>
</li>
<li>
<a href="subscription.html">Подписка на новости</a>
</li>
<li>
<a href="partners-single.html">Страница одного Партнера</a>
</li>
<li>
<a href="search.html">Результаты поиска</a>
</li>
<li>
<a href="contacts.html">Контакты</a>
</li>
<li>
<a href="event-single.html">Просмотр мероприятия</a>
</li>
</ul>
</div>
</div>
</main>
<footer class="footer">
<div class="footer-top">
<div class="container footer__conatiner">
<div class="footer-top__inner">
<a href="#" class="logo footer__logo">
<img src="/images/logo.svg" alt="Агроэксперт" />
</a>
<nav class="nav footer__nav">
<li class="menu-item">
<a href="#">Интервью</a>
</li>
<li class="menu-item">
<a href="#">Партнеры</a>
</li>
<li class="menu-item">
<a href="#">Рекламодатели</a>
</li>
<li class="menu-item">
<a href="#">О проекте</a>
</li>
<li class="menu-item">
<a href="#">Контакты</a>
</li>
</nav>
<div class="footer-top__right">
<a href="#" class="to-top">
<span>Наверх</span>
<svg
width="9"
height="6"
viewBox="0 0 9 6"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
x="3.69409"
y="1.05029"
width="1"
height="5.22423"
transform="rotate(45 3.69409 1.05029)"
fill="black"
/>
<rect
width="1"
height="6"
transform="matrix(-0.707107 0.707107 0.707107 0.707107 4.1333 0.525146)"
fill="black"
/>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="footer-bottom__inner">
<div class="footer-bottom__text desktop">© 2024 АгроЭксперт</div>
<a href="#" class="footer-bottom__text footer-bottom__link">
Политика конфиденциальности
</a>
<a href="#" class="footer-bottom__text footer-bottom__link">
Свидетельство о регистрации электронного СМИ
</a>
<div class="socials footer__socials">
<a href="#" class="social-link">
<img src="/images/socials_yt.svg" alt="" />
</a>
<a href="#" class="social-link">
<img src="/images/socials_vk.svg" alt="" />
</a>
<a href="#" class="social-link">
<img src="/images/socials_tg.svg" alt="" />
</a>
</div>
<div class="footer-bottom__text mobile">© 2024 АгроЭксперт</div>
</div>
</div>
</div>
</footer>
</div>
<script type="module" src="/src/main.js"></script>
</body>
</html>
<body>
</body>

26
frontend/src/styles/rfo/breadcrumbs.css Normal file
View File

@@ -0,0 +1,26 @@
.breadcrumbs__rfo{
display: flex;
gap: 8px;
align-items: center;
margin-bottom: 22px;
}
.breadcrumbs__rfo li{
background-color: #f1f3eb;
border-radius: 5px;
padding: 4px 10px;
vertical-align: middle;
}
.breadcrumbs-home__rfo{
display: flex;
align-items: center;
gap: 8px; /* Отступ между текстом и SVG */
}
.breadcrumbs-arrow{
width: 18px;
height: 18px;
}

63
frontend/vite.config.js
View File

@@ -1,26 +1,43 @@
import { defineConfig } from 'vite'
import fs from 'fs'
import path from 'path'
import { resolve } from 'path';
export default defineConfig({
root: 'src',
base: '/',
server: {
host: '0.0.0.0',
port: 5173,
strictPort: true,
cors: {
origin: '*',
},
https: {
key: fs.readFileSync(path.resolve(__dirname, '/certs/dev-key.pem')),
cert: fs.readFileSync(path.resolve(__dirname, '/certs/dev.pem')),
},
hmr: {
protocol: 'wss', // ⚠️ для HTTPS нужен wss
host: '194.87.253.43',
export default {
esbuild: {
supported: {
'top-level-await': true,
},
},
})
base: './',
root: resolve(__dirname, 'src'),
publicDir: resolve(__dirname, 'public'),
build: {
minify: false,
rollupOptions: {
input: {
// Указываем только JS входные точки
main: resolve(__dirname, 'src', 'assets', 'js', 'main.js'),
materials: resolve(__dirname, 'src', 'assets', 'js', 'materials.js'),
// Добавьте остальные JS файлы по аналогии
},
output: {
entryFileNames: `assets/js/[name].js`,
chunkFileNames: `assets/js/[name].js`,
assetFileNames: (assetInfo) => {
// Разделяем обработку CSS и других ассетов
if (assetInfo.name.endsWith('.css')) {
return 'assets/css/[name].[ext]';
}
return 'assets/[name].[ext]';
},
},
},
outDir: resolve(__dirname, 'dist'),
// Опция для копирования CSS без обработки через JS
cssCodeSplit: true,
},
server: {
open: '/pages/pages.html',
hmr: {
overlay: true,
},
},
};