优化 TorrentCard 和 TorrentItem 组件的样式,调整行数和媒体查询的响应式设计

This commit is contained in:
jxxghp
2025-03-31 15:03:21 +08:00
parent d7fbbd2d28
commit 91a10c9d28
2 changed files with 3 additions and 21 deletions

View File

@@ -353,7 +353,7 @@ onMounted(() => {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color: rgba(var(--v-theme-on-surface), 0.87);
}
@@ -628,15 +628,7 @@ onMounted(() => {
opacity: 0.85;
}
@media (max-width: 600px) {
.media-title {
font-size: 1rem;
}
.torrent-card {
height: 260px;
}
@media (max-width: 640px) {
.resource-tag {
font-size: 0.75rem;
padding: 2px 6px;

View File

@@ -440,10 +440,6 @@ onMounted(() => {
padding: 8px;
}
.media-title {
font-size: 0.95rem;
}
.site-icon,
.site-fallback {
width: 24px;
@@ -451,7 +447,7 @@ onMounted(() => {
}
.site-wrapper {
min-width: 100px;
min-width: 60px;
flex-wrap: wrap;
margin-right: 10px;
}
@@ -461,12 +457,6 @@ onMounted(() => {
margin-right: 4px;
}
.season-tag {
font-size: 0.75rem;
padding: 1px 4px;
margin-right: 4px;
}
.resource-tag {
font-size: 0.75rem;
padding: 2px 6px;