diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss index 9d20235..6a31709 100644 --- a/src/assets/scss/style.scss +++ b/src/assets/scss/style.scss @@ -201,17 +201,29 @@ // Page of list using el-table .listpage{ - height: calc(100% - 40px); - width: 100%; + position: absolute; + left: 80px; + right: 20px; + top: 40px; + bottom: 20px; + width: calc(100% - 100px); + height: calc(100% - 60px); + border-radius: 5px; display: flex; flex-direction: column; .listpage-header{ - height: 30px; + height: 60px; width: 100%; display: flex; align-items: center; justify-content: space-between; z-index: 10; + .header-box{ + height: 100%; + width: 100%; + align-items: center; + justify-content: space-between; + } .el-button{ font-size: 1rem; border: none; @@ -227,11 +239,10 @@ } } .listpage-body{ - margin-top: 20px; - flex: 1; - width: 100%; - border-radius: 0 0 5px 5px; - overflow-y: scroll; + height: calc(100% - 60px); + overflow-y: auto; + position: relative; + font-size: 1rem; &::-webkit-scrollbar{ width: 5px; height: 1px; @@ -245,6 +256,9 @@ position: absolute; } .show-table{ + height: 100%; + width: 100%; + overflow-y: auto; .el-table::before{ height: 0px; } diff --git a/src/components/EditSites.vue b/src/components/EditSites.vue index bc94094..6d5c37d 100644 --- a/src/components/EditSites.vue +++ b/src/components/EditSites.vue @@ -1,27 +1,25 @@