deadcxap/liberama
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Поправки разметки

Browse Source
This commit is contained in:
Book Pauk
2022-07-13 15:01:35 +07:00
parent 81ad5d7a2c
commit 955bcda032
1 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
client/components/Reader/RecentBooksPage/RecentBooksPage.vue
View File

@@ -108,35 +108,35 @@
<div>{{ item.desc.title }}</div> <div>{{ item.desc.title }}</div>
</div> </div>
<div class="row" style="font-size: 80%"> <div class="row" style="font-size: 10px">
<div class="row justify-center items-center row-info-bottom" style="width: 60px"> <div class="row justify-center items-center row-info-top" style="width: 60px">
{{ item.desc.textLen }} {{ item.desc.textLen }}
</div> </div>
<div class="row items-center row-info-bottom" :style="`width: ${(220 - 40*(+item.inGroup))}px; padding: 1px`"> <div class="row items-center row-info-top" :style="`width: ${(220 - 40*(+item.inGroup))}px; padding: 1px`">
<div class="read-bar" :style="`width: ${100*item.readPart}%`"></div> <div class="read-bar" :style="`width: ${100*item.readPart}%`"></div>
</div> </div>
<div class="row justify-center items-center row-info-bottom" style="width: 59px"> <div class="row justify-center items-center row-info-top" style="width: 59px">
{{ item.desc.perc }} {{ item.desc.perc }}
</div> </div>
<div class="row justify-center items-center row-info-bottom" style="width: 1px"> <div class="row-info-top" style="width: 1px">
</div> </div>
</div> </div>
<div class="row" style="font-size: 80%" :style="{ 'width': (340 - 40*(+item.inGroup)) + 'px' }"> <div class="row" style="font-size: 10px" :style="{ 'width': (340 - 40*(+item.inGroup)) + 'px' }">
<div class="row justify-center items-center row-info-top" style="width: 30px"> <div class="row justify-center items-center row-info-bottom" style="width: 30px">
{{ item.num }} {{ item.num }}
</div> </div>
<div class="col row"> <div class="col row">
<div class="row justify-center items-center row-info-top time-info" style="width: 50%"> <div class="row justify-center items-center row-info-bottom time-info" style="width: 50%">
Загружен: {{ item.loadTime }} Загружен: {{ item.loadTime }}
</div> </div>
<div class="row justify-center items-center row-info-top time-info" style="width: 50%"> <div class="row justify-center items-center row-info-bottom time-info" style="width: 50%">
Читался: {{ item.touchTime }} Читался: {{ item.touchTime }}
</div> </div>
</div> </div>
<div class="row-info-top" style="width: 1px"> <div class="row-info-bottom" style="width: 1px">
</div> </div>
</div> </div>
</div> </div>
@@ -650,26 +650,26 @@ export default vueComponent(RecentBooksPage);
background-color: white; background-color: white;
} }
.row-info-top { .row-info-bottom {
line-height: 110%; line-height: 110%;
border-left: 1px solid #cccccc; border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc; border-bottom: 1px solid #cccccc;
height: 12px; height: 12px;
} }
.row-info-bottom { .row-info-top {
line-height: 110%; line-height: 110%;
border: 1px solid #cccccc; border: 1px solid #cccccc;
border-right: 0; border-right: 0;
height: 12px; height: 12px;
} }
.time-info, .row-info-bottom { .time-info, .row-info-top {
color: #888888; color: #888888;
} }
.read-bar { .read-bar {
height: 5px; height: 6px;
background-color: #bbbbbb; background-color: #bbbbbb;
margin-bottom: 2px; margin-bottom: 2px;
} }