Try to improve UI for book cards...
This commit is contained in:
@@ -30,9 +30,9 @@ function openBook() {
|
|||||||
</figure>
|
</figure>
|
||||||
</div>
|
</div>
|
||||||
<div class="media-content">
|
<div class="media-content">
|
||||||
<div class="is-size-4">{{title}}</div>
|
<div class="content">
|
||||||
|
<div class="is-size-5">{{title}}</div>
|
||||||
<div class="is-size-5 is-italic">{{author}}</div>
|
<div class="is-size-5 is-italic">{{author}}</div>
|
||||||
|
|
||||||
<VRating
|
<VRating
|
||||||
half-increments
|
half-increments
|
||||||
readonly
|
readonly
|
||||||
@@ -51,6 +51,7 @@ function openBook() {
|
|||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|||||||
@@ -26,7 +26,7 @@ const { data, error } = getMyBooks();
|
|||||||
padding-bottom: 100px;
|
padding-bottom: 100px;
|
||||||
line-height: 2.5;
|
line-height: 2.5;
|
||||||
|
|
||||||
column-count: 4;
|
column-count: 2;
|
||||||
column-gap: 15px;
|
column-gap: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user