mirror of
https://github.com/the1812/Bilibili-Evolved.git
synced 2025-11-04 21:22:45 +08:00
Improve styles
This commit is contained in:
parent
5619761be4
commit
beb17e1ece
@ -65,7 +65,7 @@ defineExpose({
|
||||
<div class="list-game-cards-title">新游预告</div>
|
||||
<div class="list-game-cards">
|
||||
<a
|
||||
v-for="card of gameInfo.list.slice(0, 9)"
|
||||
v-for="card of gameInfo.list.slice(0, 8)"
|
||||
:key="card.href"
|
||||
class="list-game-card"
|
||||
:href="card.href"
|
||||
@ -126,11 +126,12 @@ defineExpose({
|
||||
}
|
||||
}
|
||||
.panel-game-cards {
|
||||
@include h-stretch($gap);
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: $gap;
|
||||
.panel-game-card {
|
||||
@include v-stretch(6px);
|
||||
min-width: 0;
|
||||
flex: 1;
|
||||
transition: color 0.2s ease-out;
|
||||
img {
|
||||
background-color: #8882;
|
||||
|
||||
@ -77,7 +77,7 @@ defineExpose({
|
||||
:href="'https://manga.bilibili.com/detail/mc' + card.season_id"
|
||||
>
|
||||
<div class="recommend-manga-card-image">
|
||||
<img :src="card.horizontal_cover" :alt="card.title" />
|
||||
<img :src="card.horizontal_cover + '@300w.jpg'" :alt="card.title" />
|
||||
</div>
|
||||
<div class="recommend-manga-card-title" :title="card.title">{{ card.title }}</div>
|
||||
</a>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user