From 31c6893bbbe7cfd60d88aa2d38b1ad2c8c4afcf0 Mon Sep 17 00:00:00 2001
From: Alex Ling <hkalexling@gmail.com>
Date: Sat, 6 Feb 2021 13:37:25 +0000
Subject: [PATCH] Display book spines in original size (fixes #152)

---
 src/views/reader.html.ecr | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/reader.html.ecr b/src/views/reader.html.ecr
index 6826923..5db2f23 100644
--- a/src/views/reader.html.ecr
+++ b/src/views/reader.html.ecr
@@ -24,7 +24,7 @@
           <template x-for="item in items">
             <img
               uk-img
-              class="uk-align-center"
+              :class="{'uk-align-center': true, 'spine': item.width < 50}"
               :style="item.style"
               :data-src="item.url"
               :width="item.width"
@@ -111,7 +111,7 @@
 
   <style>
 img[data-src][src*='data:image'] { background: white; }
-img { width: 100%; }
+img:not(.spine) { width: 100%; }
 .reader-bg { background: black; }
   </style>