优化 TorrentCard 和 TorrentItem 组件的样式,调整过滤器相关 UI 组件的显示效果

This commit is contained in:
jxxghp
2025-03-31 13:03:56 +08:00
parent 7d1ff9876f
commit b70d03e86b
4 changed files with 16 additions and 68 deletions

View File

@@ -103,13 +103,12 @@ onMounted(() => {
</script>
<template>
<div>
<div class="h-full">
<VCard
:width="props.width || '100%'"
height="300px"
:variant="downloaded.includes(torrent?.enclosure || '') ? 'outlined' : 'flat'"
@click="handleAddDownload(props.torrent)"
class="torrent-card"
class="torrent-card h-full"
:class="{ 'downloaded-card': downloaded.includes(torrent?.enclosure || '') }"
>
<!-- 优惠标签 -->
@@ -164,7 +163,7 @@ onMounted(() => {
<!-- 种子描述 -->
<div
v-if="meta?.subtitle || torrent?.description"
class="torrent-desc"
class="torrent-desc grow"
:title="meta?.subtitle || torrent?.description"
>
{{ meta?.subtitle || torrent?.description }}
@@ -457,7 +456,6 @@ onMounted(() => {
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
height: 4em;
margin-bottom: 8px;
}

View File

@@ -10,9 +10,6 @@ const props = defineProps({
torrent: Object as PropType<Context>,
})
// 更多来源界面
const showMoreTorrents = ref(false)
// 种子信息
const torrent = ref(props.torrent?.torrent_info)
@@ -245,7 +242,6 @@ onMounted(() => {
padding: 12px;
background-color: rgb(var(--v-theme-surface));
box-shadow: none;
border-bottom: 1px solid rgba(var(--v-theme-on-surface), 0.1);
}
.torrent-item:hover {