diff --git a/src/views/api/index.vue b/src/views/api/index.vue index 73c0cbe963f9190950aeb548937b38e2f530d96d..de0cec8daf5a08ce0b0e5f6506ea1ba4ccb56aae 100644 --- a/src/views/api/index.vue +++ b/src/views/api/index.vue @@ -168,42 +168,43 @@
@{{ item.author }}
-
-
- - {{ - item.isActive - ? t('plugin_center.mcp.deactivate') - : t('plugin_center.mcp.activate') - }} - - - {{ $t('semantic.interface_edit') }} - - - {{ $t('semantic.interface_delete') }} - -
+ + {{ + item.isActive + ? t('plugin_center.mcp.deactivate') + : t('plugin_center.mcp.activate') + }} + +
+ + {{ $t('semantic.interface_edit') }} + + + {{ $t('semantic.interface_delete') }} +
diff --git a/src/views/api/style.scss b/src/views/api/style.scss index e4d4139439958640e588cb3bf888c76a101514c3..0befa7fd267fe57a74b537e0039e13ed3e31122b 100644 --- a/src/views/api/style.scss +++ b/src/views/api/style.scss @@ -33,7 +33,6 @@ margin-left: 8px; border-radius: 4px; } - } .apiCenterType { @@ -57,19 +56,18 @@ } } .apiCenterCardContainer { - max-width: 1336px; - max-height: calc(100vh - 370px); - min-height: calc(100vh - 370px); - min-width: 1336px; - overflow-y: auto; + width: 1336px; .apiCenterCardBox { + height: calc(100vh - 370px); + overflow-y: auto; width: fit-content; display: flex; flex-wrap: wrap; box-sizing: border-box; gap: 16px; - margin-top: 16px; + padding-top: 16px; .apiCenterCardSingle { + height: fit-content; box-sizing: border-box; border: 1px solid transparent; cursor: pointer; @@ -107,11 +105,10 @@ flex-direction: column; color: #8d98aa; - .apiCenterCardId { font-size: 12px; line-height: 16px; - display: flex ; + display: flex; align-items: center; justify-content: space-between; } @@ -126,13 +123,19 @@ line-height: 16px; } .apiCenterCardOps { + display: flex; + align-items: center; + gap: 8px; + .deleteAndEdit { + display: flex; + align-items: center; + } .el-button span { color: #6395fd; font-size: 12px; } } } - } } .apiCenterCardSingle:hover {