alazyreader/library
1
0
Fork 0
Code Issues 1 Pull Requests 2 Releases Wiki Activity

make cover larger and transparent
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse Source
This commit is contained in:
David 2023-02-04 21:30:18 -05:00
parent b11316abe5
commit 727e4e7867
2 changed files with 31 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/files/app.js
View File

@ -137,21 +137,19 @@ function BookTemplate({
volume, volume,
year, year,
}) { }) {
return `${coverURL ? `<img src="${coverURL}"/>` : ""} return `<img ${coverURL ? `src="${coverURL}"` : ``}/>
<h1>${title}</h1> <div class="bookDetails">
<h2>${authors}</h2> <h1>${title}</h1>
<span>${isbn13}</span><br/> <h2>${authors}</h2>
<span>${publisher}, ${year}</span><br/> <span>${isbn13}</span><br/>
${ <span>${publisher}, ${year}</span><br/>
series ${
? `<span>${series}${volume ? `, Volume ${volume}` : ""}</span><br/>` series
: "" ? `<span>${series}${volume ? `, Volume ${volume}` : ""}</span><br/>`
} : ""
${signed ? "<span>Signed by the author ✒</span><br/>" : ""} }
<span>${format}</span> ${signed ? "<span>Signed by the author ✒</span><br/>" : ""}
<div class="description"> <span>${format}</span>
<p>${description}</p>
${notes ? `<span>Notes:</span><p>${notes}</p>` : ""}
</div>`; </div>`;
} }
@ -167,7 +165,7 @@ function TableRowTemplate({
return `<tr class="tRow" id="${rowNumber}"> return `<tr class="tRow" id="${rowNumber}">
<td class="title"> <td class="title">
${title} ${ ${title} ${
signed ? '<span class="signed" title="Signed by the author" >✒</span>︎' : "" signed ? '<span class="signed" title="Signed by the author" >✒</span>' : ""
} }
</td> </td>
<td class="author">${authors}</td> <td class="author">${authors}</td>

22
frontend/files/style.css
View File

@ -186,6 +186,7 @@ body {
padding: 20px; padding: 20px;
overflow: auto; overflow: auto;
float: left; float: left;
position: relative;
} }
#books { #books {
@ -257,7 +258,7 @@ body {
font-size: x-large; font-size: x-large;
font-weight: bold; font-weight: bold;
font-style: italic; font-style: italic;
padding: 10px 0; padding: 0 0 5px 0;
} }
#current h2 { #current h2 {
@ -266,10 +267,21 @@ body {
} }
#current img { #current img {
max-height: 400px; opacity: 0.5;
max-width: 100%; position: absolute;
display: block; left: 0;
margin: 0 auto; top: 0;
width: 100%;
height: auto;
}
#current .bookDetails {
position: relative;
background-color: rgba(255, 255, 255, 0.8);
padding: 10px;
margin: 0;
width: 75%;
border-radius: 5px;
} }
#current .description p { #current .description p {