diff --git a/src/assets/css/main.css b/src/assets/css/main.css index 9ce5484..0909f35 100644 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -300,6 +300,12 @@ .table-title .title-text { font-size: 16px; margin-left: 15px; + display: flex; + align-items: center; +} + +.table-title .title-text img { + margin-right: 5px; } .index { @@ -413,8 +419,16 @@ white-space: nowrap; } +.index .header .header-warning { + width: 75px; + height: 100%; + display: flex; + align-items: center; + justify-content: center; +} + .index .header .header-right { - width: 335px; + width: 260px; display: flex; align-items: center; padding-right: 20px; diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss index b42427d..1d53707 100644 --- a/src/assets/css/main.scss +++ b/src/assets/css/main.scss @@ -327,6 +327,11 @@ .title-text { font-size: 16px; margin-left: 15px; + display: flex; + align-items: center; + img{ + margin-right: 5px; + } } } @@ -440,9 +445,15 @@ } } - + .header-warning{ + width: 75px; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + } .header-right { - width: 335px; + width: 260px; display: flex; align-items: center; padding-right: 20px; diff --git a/src/assets/img/sunrise.png b/src/assets/img/sunrise.png new file mode 100644 index 0000000..4f425ea Binary files /dev/null and b/src/assets/img/sunrise.png differ diff --git a/src/assets/img/sunset.png b/src/assets/img/sunset.png new file mode 100644 index 0000000..3c3d597 Binary files /dev/null and b/src/assets/img/sunset.png differ diff --git a/src/assets/img/warning.gif b/src/assets/img/warning.gif new file mode 100644 index 0000000..e3a2a0a Binary files /dev/null and b/src/assets/img/warning.gif differ diff --git a/src/views/index.vue b/src/views/index.vue index 3c97861..a271fb0 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -4,7 +4,11 @@