Fix some grammar errors
diff --git a/ui-vue3/src/App.vue b/ui-vue3/src/App.vue
index 1387e7e..2853feb 100644
--- a/ui-vue3/src/App.vue
+++ b/ui-vue3/src/App.vue
@@ -68,6 +68,10 @@
</template>
<style lang="less">
+.ant-descriptions-item-content {
+ padding-left: 20px !important;
+}
+
.__global_float_button_question {
right: 24px;
}
diff --git a/ui-vue3/src/views/resources/instances/index.vue b/ui-vue3/src/views/resources/instances/index.vue
index 5ed8431..05a94e9 100644
--- a/ui-vue3/src/views/resources/instances/index.vue
+++ b/ui-vue3/src/views/resources/instances/index.vue
@@ -169,7 +169,6 @@
<style lang="less" scoped>
.search-table-container {
min-height: 60vh;
- // overflow-x: scroll;
- //max-height: 70vh; //overflow: auto;
+
}
</style>
diff --git a/ui-vue3/src/views/resources/instances/tabs/details.vue b/ui-vue3/src/views/resources/instances/tabs/details.vue
index 98a0dcc..52ac18b 100644
--- a/ui-vue3/src/views/resources/instances/tabs/details.vue
+++ b/ui-vue3/src/views/resources/instances/tabs/details.vue
@@ -95,7 +95,7 @@
<!-- instanceLabel -->
<a-descriptions-item :label="$t('instanceLabel')">
- <div class="tagsBox">
+ <div class="tagsBox flexLayoutBox">
<a-tag>app=shop-user</a-tag>
<a-tag>version=v1</a-tag>
<a-tag>region=shenzhen</a-tag>
@@ -104,7 +104,7 @@
<!-- health examination -->
<a-descriptions-item :label="$t('healthExamination')">
- <div class="healthBox">
+ <div class="healthBox flexLayoutBox">
<p class="white_space">启动探针(StartupProbe):关闭</p>
<p class="white_space">就绪探针(ReadinessProbe):开启 类型: Http 端口:22222</p>
<p class="white_space">存活探针(LivenessProbe):开启 类型: Http 端口:22222</p>
@@ -123,25 +123,25 @@
const checkApplication = () => {}
</script>
-<style lang="less">
+<style lang="less" scoped>
.ant-descriptions-item-content {
padding-left: 20px !important;
}
-.tagsBox {
+.flexLayoutBox{
border: 1px solid black;
border-radius: 10px;
padding: 10px;
display: flex;
+}
+
+
+.tagsBox {
align-items: center;
justify-content: space-around;
}
.healthBox {
- border: 1px solid black;
- border-radius: 10px;
- padding: 10px;
- display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: center;
diff --git a/ui-vue3/src/views/resources/instances/tabs/event.vue b/ui-vue3/src/views/resources/instances/tabs/event.vue
index ddd4b4f..5f6896e 100644
--- a/ui-vue3/src/views/resources/instances/tabs/event.vue
+++ b/ui-vue3/src/views/resources/instances/tabs/event.vue
@@ -23,4 +23,4 @@
import { ref } from 'vue'
</script>
-<style lang="scss" scoped></style>
+<style lang="less" scoped></style>