1Panel-dev/1Panel
1
1
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2024-09-20 23:55:58 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: 优化首页样式 (#1709)

Browse source
This commit is contained in:
ssongliu 2023-07-18 15:26:02 +08:00 committed by GitHub
parent c62c19a49e
commit 1fd31fffd6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 57 additions and 54 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
frontend/src/views/home/app/index.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<el-scrollbar height="500px" class="moz-height"> <el-scrollbar height="525px" class="moz-height">
<div class="h-app-card" v-for="(app, index) in apps" :key="index"> <div class="h-app-card" v-for="(app, index) in apps" :key="index">
<el-row :gutter="10"> <el-row :gutter="10">
<el-col :span="5"> <el-col :span="5">
@ -88,6 +88,7 @@ defineExpose({
cursor: pointer; cursor: pointer;
padding: 10px 15px; padding: 10px 15px;
margin-right: 10px; margin-right: 10px;
line-height: 18px;
.h-app-content { .h-app-content {
padding-left: 15px; padding-left: 15px;
@ -122,7 +123,7 @@ defineExpose({
/* FOR MOZILLA */ /* FOR MOZILLA */
@-moz-document url-prefix() { @-moz-document url-prefix() {
.moz-height { .moz-height {
height: 499px; height: 524px;
} }
} }
</style> </style>

6
frontend/src/views/home/index.vue
View file

@ -126,7 +126,7 @@
<div v-if="chartOption === 'io'" style="margin-top: 40px" class="mobile-monitor-chart"> <div v-if="chartOption === 'io'" style="margin-top: 40px" class="mobile-monitor-chart">
<v-charts <v-charts
height="358px" height="383px"
id="ioChart" id="ioChart"
type="line" type="line"
:option="chartsOption['ioChart']" :option="chartsOption['ioChart']"
@ -136,7 +136,7 @@
</div> </div>
<div v-if="chartOption === 'network'" style="margin-top: 40px" class="mobile-monitor-chart"> <div v-if="chartOption === 'network'" style="margin-top: 40px" class="mobile-monitor-chart">
<v-charts <v-charts
height="358px" height="383px"
id="networkChart" id="networkChart"
type="line" type="line"
:option="chartsOption['networkChart']" :option="chartsOption['networkChart']"
@ -151,6 +151,7 @@
<el-col :xs="24" :sm="24" :md="8" :lg="8" :xl="8"> <el-col :xs="24" :sm="24" :md="8" :lg="8" :xl="8">
<CardWithHeader :header="$t('home.systemInfo')"> <CardWithHeader :header="$t('home.systemInfo')">
<template #body> <template #body>
<el-scrollbar>
<el-descriptions :column="1" class="h-systemInfo"> <el-descriptions :column="1" class="h-systemInfo">
<el-descriptions-item class-name="system-content"> <el-descriptions-item class-name="system-content">
<template #label> <template #label>
@ -201,6 +202,7 @@
{{ loadUpTime(currentInfo.uptime) }} {{ loadUpTime(currentInfo.uptime) }}
</el-descriptions-item> </el-descriptions-item>
</el-descriptions> </el-descriptions>
</el-scrollbar>
</template> </template>
</CardWithHeader> </CardWithHeader>