feat: 调整 SubscribeCard 组件的图像宽度,优化搜索框对齐和样式,移除多余的样式定义

This commit is contained in:
jxxghp
2025-04-12 09:45:43 +08:00
parent 999a6e7c6e
commit f83f709080
2 changed files with 4 additions and 14 deletions
+1 -1
View File
@@ -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">
+3 -13
View File
@@ -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;
} }