Zein/hentai_manga_site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

0_0_1

Browse Source
This commit is contained in:
Vinejar
2025-03-30 03:06:27 +03:00
parent 2184ad7171
commit 9d4585f573
2 changed files with 6 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
templates/manga_view.html
View File

@@ -11,32 +11,17 @@
<body> <body>
<div class="container"> <div class="container">
<h1>{{ manga.original_title }}</h1>
<!-- Основной контейнер для контента --> <!-- Основной контейнер для контента -->
<div class="content-wrapper"> <div class="content-wrapper">
<div class="manga-grid-container" id="previewContainer" >
<div class="chapter">
<ul style="display: block">
<li class="breadcrumb-item">
<a href="/manga/111">Каталог</a>
<span class="separator">-</span>
<a href="/manga/111">{{ manga.original_title }}</a>
</li>
</ul>
</div>
<!-- Бокс с изображением --> <!-- Бокс с изображением -->
<div class="image-box" id="imageBox"> <div class="image-box" id="imageBox">
<img id="mangaImage" src="" alt="Страница"> <img id="mangaImage" src="" alt="Страница">
</div> </div>
<!-- Сетка-превью -->
<div class="manga-grid-container" id="previewContainer">
<!-- Сетка-превью -->
<div id="previewGrid" class="manga-grid"> <div id="previewGrid" class="manga-grid">
{% for img in manga.imgs_manga %} {% for img in manga.imgs_manga %}
<div class="manga-preview"> <div class="manga-preview">

27
templates/static/css/style.css
View File

@@ -1,3 +1,4 @@
/* Основные стили */
.content-wrapper { .content-wrapper {
position: relative; position: relative;
min-height: 500px; min-height: 500px;
@@ -17,13 +18,13 @@
} }
.manga-grid-container { .manga-grid-container {
width: 90%; width: 100%;
margin: 0 auto; margin: 0 auto;
} }
.manga-grid { .manga-grid {
display: grid; display: grid;
grid-template-columns: repeat(9, 102px); grid-template-columns: repeat(6, 102px);
gap: 10px; gap: 10px;
justify-content: center; justify-content: center;
margin: 0 auto; margin: 0 auto;
@@ -52,28 +53,6 @@
transform: scale(1.05); transform: scale(1.05);
} }
.breadcrumb-item {
list-style: none;
display: flex;
align-items: center;
}
.breadcrumb-item a {
text-decoration: none;
color: green; /* Сохраняет цвет текста как у родителя */
font-weight: bold;
}
.breadcrumb-item .separator {
margin: 0 5px;
}
/* Адаптивность */ /* Адаптивность */
@media (max-width: 768px) { @media (max-width: 768px) {
.manga-grid { .manga-grid {