Skip to content

Commit 9fedaa9

Browse files
committed
🎈perf(webui): 优化了 MCP 页面的效果
1 parent bf4c2ec commit 9fedaa9

2 files changed

Lines changed: 175 additions & 337 deletions

File tree

dashboard/src/components/shared/ItemCardGrid.vue

Lines changed: 1 addition & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
<v-row v-else>
1111
<v-col v-for="(item, index) in items" :key="index" cols="12" md="6" lg="4" xl="3">
1212
<v-card class="item-card hover-elevation" :color="getItemEnabled(item) ? '' : 'grey-lighten-4'">
13-
<div class="item-status-indicator" :class="{'active': getItemEnabled(item)}"></div>
13+
<!-- <div class="item-status-indicator" :class="{'active': getItemEnabled(item)}"></div> -->
1414
<v-card-title class="d-flex justify-space-between align-center pb-1 pt-3">
1515
<span class="text-h4 text-truncate" :title="getItemTitle(item)">{{ getItemTitle(item) }}</span>
1616
<v-tooltip location="top">
@@ -114,19 +114,6 @@ export default {
114114
justify-content: space-between;
115115
}
116116
117-
.item-status-indicator {
118-
position: absolute;
119-
top: 0;
120-
left: 0;
121-
width: 100%;
122-
height: 4px;
123-
background-color: #e0e0e0;
124-
}
125-
126-
.item-status-indicator.active {
127-
background-color: #4CAF50;
128-
}
129-
130117
.hover-elevation:hover {
131118
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
132119
transform: translateY(-2px);

0 commit comments

Comments
 (0)