This is an automated email from the ASF dual-hosted git repository.
nathanma pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/amoro.git
The following commit(s) were added to refs/heads/master by this push:
new b2985bb25 feat: optimize alignment of table content (#4056)
b2985bb25 is described below
commit b2985bb252f12eec6e62c06307f3ec8c6347231d
Author: nathan.ma <[email protected]>
AuthorDate: Mon Jan 26 16:45:24 2026 +0800
feat: optimize alignment of table content (#4056)
Co-authored-by: majin.nathan <[email protected]>
---
amoro-web/src/views/tables/components/Details.vue | 10 ++++++++--
amoro-web/src/views/tables/components/Files.vue | 5 ++++-
amoro-web/src/views/tables/components/Operations.vue | 5 ++++-
amoro-web/src/views/tables/components/Optimizing.vue | 2 +-
amoro-web/src/views/tables/components/Snapshots.vue | 5 ++++-
amoro-web/src/views/tables/index.vue | 2 +-
6 files changed, 22 insertions(+), 7 deletions(-)
diff --git a/amoro-web/src/views/tables/components/Details.vue
b/amoro-web/src/views/tables/components/Details.vue
index 24df78826..652ed3827 100644
--- a/amoro-web/src/views/tables/components/Details.vue
+++ b/amoro-web/src/views/tables/components/Details.vue
@@ -232,22 +232,28 @@ const propertiesColumns: IColumns[] = shallowReactive([
<style lang="less" scoped>
.table-detail {
+ display: flex;
+ column-gap: 24px;
+
.left-content,
.right-content {
- padding: 0 24px 12px;
+ padding: 0 0 12px;
flex-shrink: 0;
flex-direction: column;
}
+
.left-content {
flex: 2;
}
+
.right-content {
flex: 1;
- padding-left: 0;
}
+
.table-attrs {
margin-top: 16px;
}
+
.attr-title {
font-size: 16px;
line-height: 24px;
diff --git a/amoro-web/src/views/tables/components/Files.vue
b/amoro-web/src/views/tables/components/Files.vue
index 8dc28e0b1..3557e6407 100644
--- a/amoro-web/src/views/tables/components/Files.vue
+++ b/amoro-web/src/views/tables/components/Files.vue
@@ -243,7 +243,8 @@ onMounted(() => {
<style lang="less" scoped>
.table-partitons {
- padding: 18px 24px;
+ padding: 18px 0;
+
.text-active {
color: #1890ff;
cursor: pointer;
@@ -251,10 +252,12 @@ onMounted(() => {
.filter-wrap {
margin-bottom: 12px;
+
.input-clear-icon {
font-size: 12px;
}
}
+
:deep(.ant-input-group-addon) {
display: none;
}
diff --git a/amoro-web/src/views/tables/components/Operations.vue
b/amoro-web/src/views/tables/components/Operations.vue
index 2063bff44..00df8c25f 100644
--- a/amoro-web/src/views/tables/components/Operations.vue
+++ b/amoro-web/src/views/tables/components/Operations.vue
@@ -141,15 +141,18 @@ onMounted(() => {
<style lang="less">
.table-operations {
- padding: 12px;
+ padding: 12px 0;
+
.ant-table-tbody > tr > td {
white-space: pre;
}
+
.text-active {
color: #1890ff;
cursor: pointer;
}
}
+
.operation-wrap .ant-modal-body {
max-height: 360px;
overflow-y: auto;
diff --git a/amoro-web/src/views/tables/components/Optimizing.vue
b/amoro-web/src/views/tables/components/Optimizing.vue
index ac24a9e70..69e2da4c8 100644
--- a/amoro-web/src/views/tables/components/Optimizing.vue
+++ b/amoro-web/src/views/tables/components/Optimizing.vue
@@ -405,7 +405,7 @@ onMounted(() => {
<style lang="less" scoped>
.table-optimizing {
- padding: 18px 24px;
+ padding: 18px 0;
:deep(.ant-table-thead > tr >
th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before)
{
height: 100% !important;
diff --git a/amoro-web/src/views/tables/components/Snapshots.vue
b/amoro-web/src/views/tables/components/Snapshots.vue
index fef7e5768..a56344377 100644
--- a/amoro-web/src/views/tables/components/Snapshots.vue
+++ b/amoro-web/src/views/tables/components/Snapshots.vue
@@ -270,14 +270,17 @@ onMounted(() => {
<style lang="less" scoped>
.table-snapshots {
- padding: 18px 24px;
+ padding: 18px 0;
+
.text-active {
color: #1890ff;
cursor: pointer;
}
+
:deep(.ant-btn-link) {
padding: 0;
}
+
.ant-table-wrapper {
margin-top: 24px;
}
diff --git a/amoro-web/src/views/tables/index.vue
b/amoro-web/src/views/tables/index.vue
index d8e5ffe2c..e1f1cbe9a 100644
--- a/amoro-web/src/views/tables/index.vue
+++ b/amoro-web/src/views/tables/index.vue
@@ -367,7 +367,7 @@ export default defineComponent({
}
:deep(.ant-tabs-nav) {
- padding-left: 12px;
+ padding-left: 0;
margin-bottom: 0;
}
}
