Browse Source

Update detail pages to use one column for text

pull/23/head
Timothy Warren 3 months ago
parent
commit
3fae7fe9d6

+ 2
- 0
app/views/404.php View File

@@ -1,4 +1,6 @@
<main>
<h1>404</h1>
<h2><?= $message ?></h2>
<pre>(╯°□°)╯︵ ┻━┻
┬─┬ノ( º _ ºノ)</pre>
</main>

+ 3
- 3
app/views/character/details.php View File

@@ -4,11 +4,11 @@ use function Aviat\AnimeClient\getLocalImg;
use Aviat\AnimeClient\API\Kitsu;

?>
<main class="details fixed">
<main class="character-page details fixed">
<section class="flex flex-no-wrap">
<div>
<aside>
<?= $helper->picture("images/characters/{$data['id']}-original.webp") ?>
</div>
</aside>
<div>
<h2 class="toph"><?= $data['name'] ?></h2>
<?php foreach ($data['names'] as $name): ?>

+ 3
- 3
app/views/footer.php View File

@@ -10,12 +10,12 @@
</div>
</div>
</section>
<script nomodule src="https://polyfill.io/v3/polyfill.min.js?features=es5%2CObject.assign"></script>
<script nomodule="nomodule" src="https://polyfill.io/v3/polyfill.min.js?features=es5%2CObject.assign"></script>
<?php if ($auth->isAuthenticated()): ?>
<script nomodule async="async" defer="defer" src="<?= $urlGenerator->assetUrl('js/scripts-authed.min.js') ?>"></script>
<script nomodule='nomodule' async="async" defer="defer" src="<?= $urlGenerator->assetUrl('js/scripts-authed.min.js') ?>"></script>
<script type="module" src="<?= $urlGenerator->assetUrl('js/src/index-authed.js') ?>"></script>
<?php else: ?>
<script nomodule async="async" defer="defer" src="<?= $urlGenerator->assetUrl('js/scripts.min.js') ?>"></script>
<script nomodule="nomodule" async="async" defer="defer" src="<?= $urlGenerator->assetUrl('js/scripts.min.js') ?>"></script>
<script type="module" src="<?= $urlGenerator->assetUrl('js/src/index.js') ?>"></script>
<?php endif ?>
</body>

+ 1
- 1
public/css/app.min.css
File diff suppressed because it is too large
View File


+ 1
- 1
public/css/dark-auto.min.css
File diff suppressed because it is too large
View File


+ 9
- 7
public/css/src/general.css View File

@@ -682,10 +682,11 @@ picture.cover {
font-size: inherit;
}

.description {
/* max-width: 80rem;*/
/* .description {
max-width: 80rem;
columns: 4 28rem;
columns: 4 28em;

margin-bottom: 1.6em;
margin-bottom: 1.6rem;
}
@@ -697,11 +698,12 @@ p.description br + br {
break-inside: avoid;
break-after: auto;
break-before: avoid;
}
} */

.fixed {
/* max-width: 100rem; */
max-width: 80%;
max-width: 115em;
max-width: 115rem;
/* max-width: 80%; */
margin: 0 auto;
}

@@ -821,7 +823,7 @@ aside.info {
max-width: 33%;
}

.fixed aside.info {
.fixed aside {
max-width: 390px;
}

@@ -829,7 +831,7 @@ aside.info {
max-width: inherit;
} */

aside.info picture, aside.info img {
aside picture, aside img {
display: block;
margin: 0 auto;
}

Loading…
Cancel
Save