update time range

This commit is contained in:
Fine 2022-08-19 17:46:24 +08:00
parent cce1f08719
commit 66e4055750
2 changed files with 12 additions and 5 deletions

View File

@ -48,14 +48,14 @@ const networkProfilingStore = useNetworkProfilingStore();
.item {
width: 100%;
height: calc(100% - 210px);
height: calc(100% - 50px);
// background-color: #333840;
position: relative;
}
.schedules {
height: 200px;
height: 40px;
border-bottom: 1px solid #ccc;
padding-right: 10px;
padding: 8px;
}
</style>

View File

@ -13,10 +13,17 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License. -->
<template>
<el-button type="primary" size="small">
<el-button class="mr-10" type="primary" size="small">
{{ t("start") }}
</el-button>
<div ref="timeRange" class="time-ranges"></div>
<el-popover placement="bottom" :width="600" trigger="click">
<template #reference>
<span>
<el-button size="small"> Set time range </el-button>
</span>
</template>
<div ref="timeRange" class="time-ranges"></div>
</el-popover>
</template>
<script lang="ts" setup>
import { ref, onMounted, watch } from "vue";