fix: 调整时间选择器的间距样式

This commit is contained in:
刘洪洪
2023-05-18 15:49:46 +08:00
parent 5d5fe6cca6
commit 00f7e5ec61
5 changed files with 9 additions and 5 deletions

View File

@@ -1,7 +1,7 @@
.date-range-box {
font-size: 14px;
border-radius: 2px;
margin-right: 10px;
//margin-right: 10px;
display: flex;
cursor: pointer;

View File

@@ -55,6 +55,10 @@
margin-right: 10px;
}
.line-date-right {
margin-right: 20px;
}
.entity-detail-date-time-range {
height: 24px;
line-height: 24px;

View File

@@ -37,7 +37,7 @@
}
.el-button--mini{
padding: 4px 6px !important;
min-height: 26px !important;
min-height: 28px !important;
&.active i {
color: $--color-primary;
}
@@ -64,7 +64,7 @@
color: #353636;
font-weight: 500;
padding: 0 10px;
margin-right: 10px;
margin-right: 20px;
border: 1px solid #E2E5EC;
border-radius: 2px;
cursor: pointer;

View File

@@ -35,7 +35,7 @@
</div>
<div class="line-select line-header-right">
<div class="panel__tools">
<div class="panel__time line-margin-right">
<div class="panel__time line-date-right">
<date-time-range
class="entity-detail-date-time-range"
:start-time="timeFilter.startTime"

View File

@@ -4,7 +4,7 @@
:class="{'entity-explorer--show-list': showList}">
<!-- 顶部工具栏在列表页显示 -->
<div class="explorer-top-tools" v-show="showList">
<DateTimeRange class="date-time-range" :start-time="timeFilter.startTime" :end-time="timeFilter.endTime" :date-range="timeFilter.dateRangeValue" ref="dateTimeRange" @change="reload"/>
<DateTimeRange :start-time="timeFilter.startTime" :end-time="timeFilter.endTime" :date-range="timeFilter.dateRangeValue" ref="dateTimeRange" @change="reload"/>
<TimeRefresh class="date-time-range" @change="timeRefreshChange" :end-time="timeFilter.endTime"/>
<el-button-group size="mini">
<el-button size="mini" @click="listMode = 'list'" :class="{'active': listMode === 'list'}"><i class="cn-icon cn-icon-list"></i></el-button>