mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2026-03-19 04:29:45 +08:00
💄 调整名片间距
This commit is contained in:
@@ -49,7 +49,6 @@ const bgImage = computed<string>(() => {
|
||||
justify-content: flex-start;
|
||||
border: 1px solid var(--common-shadow-1);
|
||||
border-radius: 4px 50px 50px 4px;
|
||||
margin-bottom: 8px;
|
||||
background-color: var(--box-bg-1);
|
||||
background-image: v-bind(bgImage); /* stylelint-disable-line value-keyword-case */
|
||||
background-position: right;
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="tua-al-container">
|
||||
<div v-if="ncData !== undefined">
|
||||
<div v-if="ncData !== undefined" class="tua-al-nc">
|
||||
<TopNameCard :data="ncData" @selected="showNc = true" :finish="isFinish" />
|
||||
</div>
|
||||
<v-virtual-scroll :items="renderAchi" :item-height="60" class="tua-al-list">
|
||||
@@ -160,6 +160,10 @@ function switchAchiInfo(next: boolean): void {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.tua-al-nc {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.tua-al-list {
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
@@ -45,7 +45,7 @@
|
||||
<div class="tw-nc-list">
|
||||
<v-virtual-scroll class="v-scroll" :items="sortNameCardsData" :item-height="80" item-key="id">
|
||||
<template #default="{ item }">
|
||||
<TopNameCard :data="item" @selected="showNameCard(item)" />
|
||||
<TopNameCard class="item" :data="item" @selected="showNameCard(item)" />
|
||||
</template>
|
||||
</v-virtual-scroll>
|
||||
</div>
|
||||
@@ -193,6 +193,10 @@ function searchNameCard(): void {
|
||||
|
||||
.v-scroll {
|
||||
padding-right: 8px;
|
||||
|
||||
.item {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user