github/skywalking-booster-ui
3
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-10-15 04:09:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: update styles for an adaptive height (#157)

Browse Source
This commit is contained in:
Fine0830
2022-09-13 16:31:30 +08:00
committed by GitHub
parent 0d63d538c3
commit 9ed0121fd0
3 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/views/dashboard/List.vue
View File

@@ -46,7 +46,7 @@ limitations under the License. -->
ref="multipleTableRef"
:default-sort="{ prop: 'name', order: 'ascending' }"
@selection-change="handleSelectionChange"
height="637px"
height="calc(100% - 60px)"
size="small"
>
<el-table-column type="selection" width="55" />
@@ -156,7 +156,7 @@ import { isEmptyObject } from "@/utils/is";
const { t } = useI18n();
const appStore = useAppStoreWithOut();
const dashboardStore = useDashboardStore();
const pageSize = 18;
const pageSize = 20;
const dashboards = ref<DashboardItem[]>([]);
const searchText = ref<string>("");
const loading = ref<boolean>(false);
@@ -500,12 +500,13 @@ function changePage(pageIndex: number) {
}
.table {
padding: 20px;
padding: 20px 10px;
background-color: #fff;
box-shadow: 0px 1px 4px 0px #00000029;
border-radius: 5px;
width: 100%;
overflow: hidden;
height: 100%;
overflow: auto;
}
.toggle-selection {