mirror of
https://github.com/AstrBotDevs/AstrBot
synced 2026-07-15 17:30:13 +08:00
chore(dashboard): 将 views 目录剩余 :deep() 迁移到 ::v-deep()
This commit is contained in:
@@ -1600,7 +1600,7 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.v-data-table :deep(.v-data-table__td) {
|
||||
.v-data-table ::v-deep(.v-data-table__td) {
|
||||
padding: 8px 16px !important;
|
||||
vertical-align: middle !important;
|
||||
}
|
||||
|
||||
@@ -506,7 +506,7 @@ onMounted(() => {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.subagent-panels :deep(.v-expansion-panel-text__wrapper) {
|
||||
.subagent-panels ::v-deep(.v-expansion-panel-text__wrapper) {
|
||||
padding: 16px;
|
||||
padding-bottom: 42px;
|
||||
}
|
||||
|
||||
@@ -688,8 +688,8 @@ watch(showProviderDialog, async (visible, wasVisible) => {
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
.welcome-announcement-markdown :deep(p > code),
|
||||
.welcome-announcement-markdown :deep(li > code) {
|
||||
.welcome-announcement-markdown ::v-deep(p > code),
|
||||
.welcome-announcement-markdown ::v-deep(li > code) {
|
||||
background-color: rgba(var(--v-theme-on-surface), 0.08) !important;
|
||||
color: rgb(var(--v-theme-primary)) !important;
|
||||
padding: 2px 4px;
|
||||
|
||||
@@ -1743,17 +1743,17 @@ export default {
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07) !important;
|
||||
}
|
||||
|
||||
.chunk-field :deep(.v-field__input) {
|
||||
.chunk-field ::v-deep(.v-field__input) {
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
.chunk-field :deep(.v-field__prepend-inner) {
|
||||
.chunk-field ::v-deep(.v-field__prepend-inner) {
|
||||
padding-right: 8px;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.chunk-field:focus-within :deep(.v-field__prepend-inner) {
|
||||
.chunk-field:focus-within ::v-deep(.v-field__prepend-inner) {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@@ -1762,7 +1762,7 @@ export default {
|
||||
min-height: 400px;
|
||||
}
|
||||
|
||||
.data-source-select :deep(.v-field__prepend-inner) {
|
||||
.data-source-select ::v-deep(.v-field__prepend-inner) {
|
||||
padding-right: 12px;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1246,27 +1246,27 @@ export default {
|
||||
}
|
||||
|
||||
/* 添加美化详情卡片的样式 */
|
||||
.fact-detail-card :deep(.v-card-title) {
|
||||
.fact-detail-card ::v-deep(.v-card-title) {
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
.fact-detail-card :deep(.metadata-table) {
|
||||
.fact-detail-card ::v-deep(.metadata-table) {
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fact-detail-card :deep(.v-table) {
|
||||
.fact-detail-card ::v-deep(.v-table) {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.fact-detail-card :deep(.v-table th) {
|
||||
.fact-detail-card ::v-deep(.v-table th) {
|
||||
color: var(--v-primary-base);
|
||||
font-weight: bold;
|
||||
background-color: rgba(var(--v-theme-primary), 0.05);
|
||||
}
|
||||
|
||||
.fact-detail-card :deep(pre) {
|
||||
.fact-detail-card ::v-deep(pre) {
|
||||
background-color: #f5f5f5;
|
||||
padding: 8px;
|
||||
border-radius: 4px;
|
||||
|
||||
@@ -36,7 +36,7 @@
|
||||
>
|
||||
mdi-calendar-range
|
||||
</v-icon>
|
||||
{{ item.raw.label }}
|
||||
{{ item.raw?.label }}
|
||||
</div>
|
||||
</template>
|
||||
</v-select>
|
||||
@@ -276,8 +276,9 @@ export default {
|
||||
},
|
||||
|
||||
processTimeSeriesData() {
|
||||
if (!this.chartSeries?.[0]) return;
|
||||
// 转换数据为图表格式
|
||||
this.chartSeries[0].data = this.messageTimeSeries.map((item) => {
|
||||
this.chartSeries[0].data = (this.messageTimeSeries || []).map((item) => {
|
||||
return [new Date(item[0]*1000).getTime(), item[1]];
|
||||
});
|
||||
|
||||
|
||||
@@ -874,12 +874,12 @@ const pinnedPlugins = computed(() => {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.installed-status-toggle :deep(.v-btn) {
|
||||
.installed-status-toggle ::v-deep(.v-btn) {
|
||||
min-height: 34px;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.view-mode-toggle :deep(.v-btn) {
|
||||
.view-mode-toggle ::v-deep(.v-btn) {
|
||||
min-width: 30px;
|
||||
height: 28px;
|
||||
padding: 0 8px;
|
||||
@@ -898,7 +898,7 @@ const pinnedPlugins = computed(() => {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.plugin-list-table :deep(td) {
|
||||
.plugin-list-table ::v-deep(td) {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
|
||||
@@ -447,10 +447,10 @@ const marketCategorySelectItems = computed(() =>
|
||||
max-width: 220px;
|
||||
}
|
||||
|
||||
.market-filter-control :deep(.v-field__input),
|
||||
.market-filter-control :deep(.v-field-label),
|
||||
.market-filter-control :deep(.v-select__selection-text),
|
||||
.market-filter-control :deep(.v-field__prepend-inner) {
|
||||
.market-filter-control ::v-deep(.v-field__input),
|
||||
.market-filter-control ::v-deep(.v-field-label),
|
||||
.market-filter-control ::v-deep(.v-select__selection-text),
|
||||
.market-filter-control ::v-deep(.v-field__prepend-inner) {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user