Browse Source

Update detail pages to use one column for text

pull/23/head
Timothy Warren 1 month ago
parent
commit
3fae7fe9d6

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

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

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

@@ -4,11 +4,11 @@ use function Aviat\AnimeClient\getLocalImg;
4 4
 use Aviat\AnimeClient\API\Kitsu;
5 5
 
6 6
 ?>
7
-<main class="details fixed">
7
+<main class="character-page details fixed">
8 8
 	<section class="flex flex-no-wrap">
9
-		<div>
9
+		<aside>
10 10
 			<?= $helper->picture("images/characters/{$data['id']}-original.webp") ?>
11
-		</div>
11
+		</aside>
12 12
 		<div>
13 13
 			<h2 class="toph"><?= $data['name'] ?></h2>
14 14
 			<?php foreach ($data['names'] as $name): ?>

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

@@ -10,12 +10,12 @@
10 10
 		</div>
11 11
 	</div>
12 12
 </section>
13
-<script nomodule src="https://polyfill.io/v3/polyfill.min.js?features=es5%2CObject.assign"></script>
13
+<script nomodule="nomodule" src="https://polyfill.io/v3/polyfill.min.js?features=es5%2CObject.assign"></script>
14 14
 <?php if ($auth->isAuthenticated()): ?>
15
-<script nomodule async="async" defer="defer" src="<?= $urlGenerator->assetUrl('js/scripts-authed.min.js') ?>"></script>
15
+<script nomodule='nomodule' async="async" defer="defer" src="<?= $urlGenerator->assetUrl('js/scripts-authed.min.js') ?>"></script>
16 16
 <script type="module" src="<?= $urlGenerator->assetUrl('js/src/index-authed.js') ?>"></script>
17 17
 <?php else: ?>
18
-<script nomodule async="async" defer="defer" src="<?= $urlGenerator->assetUrl('js/scripts.min.js') ?>"></script>
18
+<script nomodule="nomodule" async="async" defer="defer" src="<?= $urlGenerator->assetUrl('js/scripts.min.js') ?>"></script>
19 19
 <script type="module" src="<?= $urlGenerator->assetUrl('js/src/index.js') ?>"></script>
20 20
 <?php endif ?>
21 21
 </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 {
682 682
 	font-size: inherit;
683 683
 }
684 684
 
685
-.description {
686
-	/* max-width: 80rem;*/
685
+/* .description {
686
+	max-width: 80rem;
687 687
 	columns: 4 28rem;
688 688
 	columns: 4 28em;
689
+
689 690
 	margin-bottom: 1.6em;
690 691
 	margin-bottom: 1.6rem;
691 692
 }
@@ -697,11 +698,12 @@ p.description br + br {
697 698
 	break-inside: avoid;
698 699
 	break-after: auto;
699 700
 	break-before: avoid;
700
-}
701
+} */
701 702
 
702 703
 .fixed {
703
-	/* max-width: 100rem; */
704
-	max-width: 80%;
704
+	max-width: 115em;
705
+	max-width: 115rem;
706
+	/* max-width: 80%; */
705 707
 	margin: 0 auto;
706 708
 }
707 709
 
@@ -821,7 +823,7 @@ aside.info {
821 823
 	max-width: 33%;
822 824
 }
823 825
 
824
-.fixed aside.info {
826
+.fixed aside {
825 827
 	max-width: 390px;
826 828
 }
827 829
 
@@ -829,7 +831,7 @@ aside.info {
829 831
 	max-width: inherit;
830 832
 } */
831 833
 
832
-aside.info picture, aside.info img {
834
+aside picture, aside img {
833 835
 	display: block;
834 836
 	margin: 0 auto;
835 837
 }

Loading…
Cancel
Save