mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-09-05 23:56:42 +08:00
feat: 调整 SubscribeCard 组件的图像宽度,优化搜索框对齐和样式,移除多余的样式定义
This commit is contained in:
@@ -335,7 +335,7 @@ function onSubscribeEditRemove() {
|
|||||||
</template>
|
</template>
|
||||||
<div>
|
<div>
|
||||||
<VCardText class="flex items-center">
|
<VCardText class="flex items-center">
|
||||||
<div class="h-auto w-12 flex-shrink-0 overflow-hidden rounded-md shadow-lg" v-if="imageLoaded">
|
<div class="h-auto w-16 flex-shrink-0 overflow-hidden rounded-md shadow-lg" v-if="imageLoaded">
|
||||||
<VImg :src="posterUrl" aspect-ratio="2/3" cover>
|
<VImg :src="posterUrl" aspect-ratio="2/3" cover>
|
||||||
<template #placeholder>
|
<template #placeholder>
|
||||||
<div class="w-full h-full">
|
<div class="w-full h-full">
|
||||||
|
|||||||
@@ -323,7 +323,7 @@ onMounted(() => {
|
|||||||
</template>
|
</template>
|
||||||
</VCardItem>
|
</VCardItem>
|
||||||
|
|
||||||
<VDivider class="search-divider" />
|
<VDivider />
|
||||||
|
|
||||||
<!-- 主搜索结果区域 -->
|
<!-- 主搜索结果区域 -->
|
||||||
<VCardText class="search-results-container pa-0">
|
<VCardText class="search-results-container pa-0">
|
||||||
@@ -566,7 +566,7 @@ onMounted(() => {
|
|||||||
<VCard class="mx-3 mx-sm-6 mb-4 mt-2 site-search-card">
|
<VCard class="mx-3 mx-sm-6 mb-4 mt-2 site-search-card">
|
||||||
<VCardText class="pa-3 pa-sm-4">
|
<VCardText class="pa-3 pa-sm-4">
|
||||||
<div class="d-flex flex-column">
|
<div class="d-flex flex-column">
|
||||||
<div class="d-flex align-center mb-3">
|
<div class="d-flex align-center">
|
||||||
<div class="search-icon-wrapper mr-3">
|
<div class="search-icon-wrapper mr-3">
|
||||||
<VIcon icon="mdi-file-search" color="primary" size="small" />
|
<VIcon icon="mdi-file-search" color="primary" size="small" />
|
||||||
</div>
|
</div>
|
||||||
@@ -590,7 +590,7 @@ onMounted(() => {
|
|||||||
|
|
||||||
<div
|
<div
|
||||||
v-if="superUser"
|
v-if="superUser"
|
||||||
class="d-flex align-center flex-wrap site-chips-container mt-1 py-2 px-2 px-sm-3"
|
class="d-flex align-center flex-wrap site-chips-container mt-4 py-2 px-2 px-sm-3"
|
||||||
>
|
>
|
||||||
<div class="d-flex align-center flex-wrap flex-grow-1">
|
<div class="d-flex align-center flex-wrap flex-grow-1">
|
||||||
<VChip
|
<VChip
|
||||||
@@ -699,11 +699,6 @@ onMounted(() => {
|
|||||||
opacity: 0.08;
|
opacity: 0.08;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-box-container {
|
|
||||||
position: relative;
|
|
||||||
background-color: rgb(var(--v-theme-background));
|
|
||||||
}
|
|
||||||
|
|
||||||
.close-btn {
|
.close-btn {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -731,10 +726,6 @@ onMounted(() => {
|
|||||||
color: rgb(var(--v-theme-primary));
|
color: rgb(var(--v-theme-primary));
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-list {
|
|
||||||
background-color: rgb(var(--v-theme-background));
|
|
||||||
}
|
|
||||||
|
|
||||||
.option-icon-wrapper {
|
.option-icon-wrapper {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
background-color: rgba(var(--v-theme-surface-variant), 0.12);
|
background-color: rgba(var(--v-theme-surface-variant), 0.12);
|
||||||
@@ -773,7 +764,6 @@ onMounted(() => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.recent-searches {
|
.recent-searches {
|
||||||
background-color: rgb(var(--v-theme-background));
|
|
||||||
min-block-size: 200px;
|
min-block-size: 200px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user