diff --git a/frontend/files/app.js b/frontend/files/app.js index 84a1f42..8da56fb 100644 --- a/frontend/files/app.js +++ b/frontend/files/app.js @@ -137,21 +137,19 @@ function BookTemplate({ volume, year, }) { - return `${coverURL ? `` : ""} -

${title}

-

${authors}

- ${isbn13}
- ${publisher}, ${year}
- ${ - series - ? `${series}${volume ? `, Volume ${volume}` : ""}
` - : "" - } - ${signed ? "Signed by the author ✒
" : ""} - ${format} -
-

${description}

- ${notes ? `Notes:

${notes}

` : ""} + return ` +
+

${title}

+

${authors}

+ ${isbn13}
+ ${publisher}, ${year}
+ ${ + series + ? `${series}${volume ? `, Volume ${volume}` : ""}
` + : "" + } + ${signed ? "Signed by the author ✒
" : ""} + ${format}
`; } @@ -167,7 +165,7 @@ function TableRowTemplate({ return ` ${title} ${ - signed ? '︎' : "" + signed ? '' : "" } ${authors} diff --git a/frontend/files/style.css b/frontend/files/style.css index ef2b611..0207e8a 100644 --- a/frontend/files/style.css +++ b/frontend/files/style.css @@ -186,6 +186,7 @@ body { padding: 20px; overflow: auto; float: left; + position: relative; } #books { @@ -257,7 +258,7 @@ body { font-size: x-large; font-weight: bold; font-style: italic; - padding: 10px 0; + padding: 0 0 5px 0; } #current h2 { @@ -266,10 +267,21 @@ body { } #current img { - max-height: 400px; - max-width: 100%; - display: block; - margin: 0 auto; + opacity: 0.5; + position: absolute; + left: 0; + 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 {