mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-05-21 00:01:26 +08:00
优化 TorrentCard 和 TorrentItem 组件的样式,调整行数和媒体查询的响应式设计
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user