timw4mail/HummingBirdAnimeClient
1
1
Fork 1
Code Issues 5 Pull Requests Projects 1 Releases Wiki Activity

Update detail pages to use one column for text

Browse Source
This commit is contained in:
Timothy Warren 2019-08-10 10:07:28 -04:00
parent b5ec89de34
commit 3fae7fe9d6
6 changed files with 19 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/views/404.php
View File

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

6
app/views/character/details.php
View File

@ -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): ?>

6
app/views/footer.php
View File

@ -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
View File

File diff suppressed because one or more lines are too long

2
public/css/dark-auto.min.css vendored
View File

File diff suppressed because one or more lines are too long

16
public/css/src/general.css
View File

@ -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;
} }