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

Make sure anime detail pages don't distort images

This commit is contained in:
Timothy Warren 2017-02-21 12:24:34 -05:00
parent 8f9a77c1eb
commit b5e2b9a8a3
4 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/views/anime/details.php
View File

@ -1,7 +1,7 @@
<main class="details"> <main class="details">
<section class="flex flex-no-wrap"> <section class="flex flex-no-wrap">
<div> <div>
<img class="cover" src="<?= $data['cover_image'] ?>" alt="" /> <img class="cover" width="402" height="284" src="<?= $data['cover_image'] ?>" alt="" />
<br /> <br />
<br /> <br />
<table class="media_details"> <table class="media_details">

6
public/css/base.css
View File

@ -371,7 +371,7 @@ hr
img img
{ {
height:auto; height:auto;
max-width:100%; /* max-width:100%; */
vertical-align:baseline; vertical-align:baseline;
} }
@ -1035,6 +1035,10 @@ a:hover, a:active {
margin:0.25em 0.125em; margin:0.25em 0.125em;
} }
.media > img {
width: 100%;
}
.media .edit_buttons > button { .media .edit_buttons > button {
margin:0.5em auto; margin:0.5em auto;
} }

4
public/css/base.myth.css
View File

@ -307,6 +307,10 @@ a:hover, a:active {
margin: var(--normal-padding); margin: var(--normal-padding);
} }
.media > img {
width: 100%;
}
.media .edit_buttons > button { .media .edit_buttons > button {
margin:0.5em auto; margin:0.5em auto;
} }

2
public/css/marx.myth.css
View File

@ -337,7 +337,7 @@ hr
img img
{ {
height:auto; height:auto;
max-width:100%; /* max-width:100%; */
vertical-align:baseline; vertical-align:baseline;
} }