Update detail pages to use one column for text
This commit is contained in:
parent
e5baccbf56
commit
4edfd9f62c
@ -1,4 +1,6 @@
|
|||||||
<main>
|
<main>
|
||||||
<h1>404</h1>
|
<h1>404</h1>
|
||||||
<h2><?= $message ?></h2>
|
<h2><?= $message ?></h2>
|
||||||
|
<pre>(╯°□°)╯︵ ┻━┻
|
||||||
|
┬─┬ノ( º _ ºノ)</pre>
|
||||||
</main>
|
</main>
|
||||||
|
@ -4,11 +4,11 @@ use function Aviat\AnimeClient\getLocalImg;
|
|||||||
use Aviat\AnimeClient\API\Kitsu;
|
use Aviat\AnimeClient\API\Kitsu;
|
||||||
|
|
||||||
?>
|
?>
|
||||||
<main class="details fixed">
|
<main class="character-page details fixed">
|
||||||
<section class="flex flex-no-wrap">
|
<section class="flex flex-no-wrap">
|
||||||
<div>
|
<aside>
|
||||||
<?= $helper->picture("images/characters/{$data['id']}-original.webp") ?>
|
<?= $helper->picture("images/characters/{$data['id']}-original.webp") ?>
|
||||||
</div>
|
</aside>
|
||||||
<div>
|
<div>
|
||||||
<h2 class="toph"><?= $data['name'] ?></h2>
|
<h2 class="toph"><?= $data['name'] ?></h2>
|
||||||
<?php foreach ($data['names'] as $name): ?>
|
<?php foreach ($data['names'] as $name): ?>
|
||||||
|
@ -10,12 +10,12 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</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()): ?>
|
<?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>
|
<script type="module" src="<?= $urlGenerator->assetUrl('js/src/index-authed.js') ?>"></script>
|
||||||
<?php else: ?>
|
<?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>
|
<script type="module" src="<?= $urlGenerator->assetUrl('js/src/index.js') ?>"></script>
|
||||||
<?php endif ?>
|
<?php endif ?>
|
||||||
</body>
|
</body>
|
||||||
|
2
public/css/app.min.css
vendored
2
public/css/app.min.css
vendored
File diff suppressed because one or more lines are too long
2
public/css/dark-auto.min.css
vendored
2
public/css/dark-auto.min.css
vendored
File diff suppressed because one or more lines are too long
@ -682,10 +682,11 @@ picture.cover {
|
|||||||
font-size: inherit;
|
font-size: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
.description {
|
/* .description {
|
||||||
/* max-width: 80rem;*/
|
max-width: 80rem;
|
||||||
columns: 4 28rem;
|
columns: 4 28rem;
|
||||||
columns: 4 28em;
|
columns: 4 28em;
|
||||||
|
|
||||||
margin-bottom: 1.6em;
|
margin-bottom: 1.6em;
|
||||||
margin-bottom: 1.6rem;
|
margin-bottom: 1.6rem;
|
||||||
}
|
}
|
||||||
@ -697,11 +698,12 @@ p.description br + br {
|
|||||||
break-inside: avoid;
|
break-inside: avoid;
|
||||||
break-after: auto;
|
break-after: auto;
|
||||||
break-before: avoid;
|
break-before: avoid;
|
||||||
}
|
} */
|
||||||
|
|
||||||
.fixed {
|
.fixed {
|
||||||
/* max-width: 100rem; */
|
max-width: 115em;
|
||||||
max-width: 80%;
|
max-width: 115rem;
|
||||||
|
/* max-width: 80%; */
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -821,7 +823,7 @@ aside.info {
|
|||||||
max-width: 33%;
|
max-width: 33%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fixed aside.info {
|
.fixed aside {
|
||||||
max-width: 390px;
|
max-width: 390px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -829,7 +831,7 @@ aside.info {
|
|||||||
max-width: inherit;
|
max-width: inherit;
|
||||||
} */
|
} */
|
||||||
|
|
||||||
aside.info picture, aside.info img {
|
aside picture, aside img {
|
||||||
display: block;
|
display: block;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user