Improve styles

This commit is contained in:
the1812 2025-04-08 09:11:25 +08:00
parent 5619761be4
commit beb17e1ece
2 changed files with 5 additions and 4 deletions

View File

@ -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;

View File

@ -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>