chore(screen): 调整驾驶舱组件的面板标题宽度与内边距。
This commit is contained in:
parent
dfbf3c607a
commit
4b936f1d7e
@ -52,13 +52,13 @@ const stats = ref([
|
|||||||
|
|
||||||
.panel-header {
|
.panel-header {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: vw(293);
|
width: 100%;
|
||||||
height: vh(49);
|
height: vh(49);
|
||||||
background: url(../assets/img/common-panel-header-bg.png) no-repeat;
|
background: url(../assets/img/common-panel-header-bg.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding-left: vw(24);
|
padding-left: vw(44);
|
||||||
margin-bottom: vh(40);
|
margin-bottom: vh(40);
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
@ -83,8 +83,8 @@ const stats = ref([
|
|||||||
gap: vw(10);
|
gap: vw(10);
|
||||||
|
|
||||||
.stat-icon {
|
.stat-icon {
|
||||||
width: vw(53);
|
width: vw(84);
|
||||||
height: vh(84);
|
height: vw(84);
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -135,13 +135,13 @@ onMounted(() => {
|
|||||||
|
|
||||||
.panel-header {
|
.panel-header {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: vw(293);
|
width: 100%;
|
||||||
height: vh(49);
|
height: vh(49);
|
||||||
background: url(../assets/img/common-panel-header-bg.png) no-repeat;
|
background: url(../assets/img/common-panel-header-bg.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding-left: vw(24);
|
padding-left: vw(44);
|
||||||
margin-bottom: vh(30);
|
margin-bottom: vh(30);
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
|
|||||||
@ -137,13 +137,13 @@ const districts = ref([
|
|||||||
|
|
||||||
.panel-header {
|
.panel-header {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: vw(293);
|
width: 100%;
|
||||||
height: vh(49);
|
height: vh(49);
|
||||||
background: url(../assets/img/common-panel-header-bg.png) no-repeat;
|
background: url(../assets/img/common-panel-header-bg.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding-left: vw(24);
|
padding-left: vw(44);
|
||||||
margin-bottom: vh(20);
|
margin-bottom: vh(20);
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
|
|||||||
@ -64,13 +64,13 @@ const xAxisYears = ref([
|
|||||||
|
|
||||||
.panel-header {
|
.panel-header {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: vw(293);
|
width: 100%;
|
||||||
height: vh(49);
|
height: vh(49);
|
||||||
background: url(../assets/img/common-panel-header-bg.png) no-repeat;
|
background: url(../assets/img/common-panel-header-bg.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding-left: vw(24);
|
padding-left: vw(44);
|
||||||
margin-bottom: vh(25);
|
margin-bottom: vh(25);
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user