fix bug

README.md

@@ -111,7 +111,7 @@ flatpak run io.github.troyeguo.koodo-reader
 
 ## Develop
 
-Make sure that you have installed yarn and git, node's version on your computer is 14.x.x.
+Make sure that you have installed yarn and git
 
 1. Download the repo
 

README_cn.md

@@ -108,7 +108,7 @@ flatpak run io.github.troyeguo.koodo-reader
 
 ## 运行源码
 
-请确保您电脑的 node 的版本为 14.x.x，已配置好 yarn，git 的运行环境。
+请确保您电脑已配置好 yarn，git 的运行环境。
 
 1. 将项目源码下载到本地
 

README_pt.md

@@ -111,7 +111,7 @@ flatpak run io.github.troyeguo.koodo-reader
 
 ## Desenvolver
 
-Certifique-se de ter instalado yarn e git, a versão, a versão do node deverá ser superior ou igual a 14.0.0.
+Certifique-se de ter instalado yarn e git, a versão.
 
 1. Baixe o repositório
 

public/assets/styles/dark.css

@@ -148,8 +148,7 @@ Z .copy-option:hover {
 .book-item-image,
 .book-item-cover,
 .book-cover,
-.book-cover-item-cover,
-.book-item-list-cover {
+.book-cover-item-cover {
   background: rgba(235, 235, 235, 0.1);
   box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.18);
 }

public/assets/styles/default.css

@@ -164,8 +164,7 @@ body,
 .book-item-image,
 .book-item-cover,
 .book-cover,
-.book-cover-item-cover,
-.book-item-list-cover {
+.book-cover-item-cover {
   background: rgba(255, 255, 255, 1);
   box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.18);
 }

src/components/bookCardItem/component.tsx

@@ -137,7 +137,7 @@ class BookCardItem extends React.Component<BookCardProps, BookCardState> {
             style={
               StorageUtil.getReaderConfig("isDisableCrop") === "yes"
                 ? {
-                    height: "173px",
+                    height: "168px",
                     alignItems: "flex-end",
                     background: "rgba(255, 255,255, 0)",
                     boxShadow: "0px 0px 5px rgba(0, 0, 0, 0)",

src/components/bookListItem/bookListItem.css

@@ -1,6 +1,4 @@
 .book-list-item-container {
-  display: flex;
-  justify-content: space-between;
   margin: 18px;
   margin-right: 25px;
   position: relative;
@@ -11,32 +9,41 @@
   height: 74px;
   opacity: 1;
   cursor: pointer;
-  overflow: hidden;
+  /* overflow: hidden; */
   border-radius: 1px;
+  float: left;
+  margin-right: 15px;
 }
 
 .book-item-list-title,
 .book-item-list-author {
   max-height: 60px;
-  width: 350px;
-  font-size: 18px;
+  font-size: 15px;
   opacity: 1;
-  text-align: center;
+  text-align: left;
   vertical-align: middle;
   cursor: pointer;
   margin: 7px 10px;
   line-height: 20px;
   word-wrap: break-word;
-  display: table;
+
   overflow: hidden;
 }
+.book-item-list-title {
+  display: inline-block;
+  width: calc(100% - 350px);
+  text-align: left;
+}
 .book-item-list-subtitle {
   display: table-cell;
   vertical-align: middle;
   height: 60px;
+  width: 100%;
 }
 .book-item-list-author {
   width: 150px;
+  float: right;
+  display: table;
 }
 .book-item-list-date,
 .book-item-list-config {
@@ -63,4 +70,5 @@
   text-align: center;
   margin: 22px 10px;
   line-height: 30px;
+  float: right;
 }