init report && move live_monitor_vue
This commit is contained in:
809
live_monitor_vue/public/css/_flatpickr.css
Normal file
809
live_monitor_vue/public/css/_flatpickr.css
Normal file
@@ -0,0 +1,809 @@
|
||||
.flatpickr-input {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.flatpickr-calendar {
|
||||
background: transparent;
|
||||
opacity: 0;
|
||||
display: none;
|
||||
text-align: center;
|
||||
visibility: hidden;
|
||||
padding: 0;
|
||||
-webkit-animation: none;
|
||||
animation: none;
|
||||
direction: ltr;
|
||||
border: 0;
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
border-radius: 5px;
|
||||
position: absolute;
|
||||
width: 307.875px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
background: #3f4458;
|
||||
-webkit-box-shadow: 1px 0 0 #20222c, -1px 0 0 #20222c, 0 1px 0 #20222c,
|
||||
0 -1px 0 #20222c, 0 3px 13px rgba(0, 0, 0, 0.08);
|
||||
box-shadow: 1px 0 0 #20222c, -1px 0 0 #20222c, 0 1px 0 #20222c,
|
||||
0 -1px 0 #20222c, 0 3px 13px rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
.flatpickr-calendar.open,
|
||||
.flatpickr-calendar.inline {
|
||||
opacity: 1;
|
||||
max-height: 640px;
|
||||
visibility: visible;
|
||||
}
|
||||
.flatpickr-calendar.open {
|
||||
display: inline-block;
|
||||
z-index: 99999;
|
||||
}
|
||||
.flatpickr-calendar.animate.open {
|
||||
-webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||
animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||
}
|
||||
.flatpickr-calendar.inline {
|
||||
display: block;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
}
|
||||
.flatpickr-calendar.static {
|
||||
position: absolute;
|
||||
top: calc(100% + 2px);
|
||||
}
|
||||
.flatpickr-calendar.static.open {
|
||||
z-index: 999;
|
||||
display: block;
|
||||
}
|
||||
.flatpickr-calendar.multiMonth
|
||||
.flatpickr-days
|
||||
.dayContainer:nth-child(n + 1)
|
||||
.flatpickr-day.inRange:nth-child(7n + 7) {
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.flatpickr-calendar.multiMonth
|
||||
.flatpickr-days
|
||||
.dayContainer:nth-child(n + 2)
|
||||
.flatpickr-day.inRange:nth-child(7n + 1) {
|
||||
-webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
|
||||
box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
|
||||
}
|
||||
.flatpickr-calendar .hasWeeks .dayContainer,
|
||||
.flatpickr-calendar .hasTime .dayContainer {
|
||||
border-bottom: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.flatpickr-calendar .hasWeeks .dayContainer {
|
||||
border-left: 0;
|
||||
}
|
||||
.flatpickr-calendar.hasTime .flatpickr-time {
|
||||
height: 40px;
|
||||
border-top: 1px solid #20222c;
|
||||
}
|
||||
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
|
||||
height: auto;
|
||||
}
|
||||
.flatpickr-calendar:before,
|
||||
.flatpickr-calendar:after {
|
||||
position: absolute;
|
||||
display: block;
|
||||
pointer-events: none;
|
||||
border: solid transparent;
|
||||
content: "";
|
||||
height: 0;
|
||||
width: 0;
|
||||
left: 22px;
|
||||
}
|
||||
.flatpickr-calendar.rightMost:before,
|
||||
.flatpickr-calendar.arrowRight:before,
|
||||
.flatpickr-calendar.rightMost:after,
|
||||
.flatpickr-calendar.arrowRight:after {
|
||||
left: auto;
|
||||
right: 22px;
|
||||
}
|
||||
.flatpickr-calendar.arrowCenter:before,
|
||||
.flatpickr-calendar.arrowCenter:after {
|
||||
left: 50%;
|
||||
right: 50%;
|
||||
}
|
||||
.flatpickr-calendar:before {
|
||||
border-width: 5px;
|
||||
margin: 0 -5px;
|
||||
}
|
||||
.flatpickr-calendar:after {
|
||||
border-width: 4px;
|
||||
margin: 0 -4px;
|
||||
}
|
||||
.flatpickr-calendar.arrowTop:before,
|
||||
.flatpickr-calendar.arrowTop:after {
|
||||
bottom: 100%;
|
||||
}
|
||||
.flatpickr-calendar.arrowTop:before {
|
||||
border-bottom-color: #20222c;
|
||||
}
|
||||
.flatpickr-calendar.arrowTop:after {
|
||||
border-bottom-color: #3f4458;
|
||||
}
|
||||
.flatpickr-calendar.arrowBottom:before,
|
||||
.flatpickr-calendar.arrowBottom:after {
|
||||
top: 100%;
|
||||
}
|
||||
.flatpickr-calendar.arrowBottom:before {
|
||||
border-top-color: #20222c;
|
||||
}
|
||||
.flatpickr-calendar.arrowBottom:after {
|
||||
border-top-color: #3f4458;
|
||||
}
|
||||
.flatpickr-calendar:focus {
|
||||
outline: 0;
|
||||
}
|
||||
.flatpickr-wrapper {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
.flatpickr-months {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
.flatpickr-months .flatpickr-month {
|
||||
background: #3f4458;
|
||||
color: #fff;
|
||||
fill: #fff;
|
||||
height: 34px;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
overflow: hidden;
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
.flatpickr-months .flatpickr-prev-month,
|
||||
.flatpickr-months .flatpickr-next-month {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
height: 34px;
|
||||
padding: 10px;
|
||||
z-index: 3;
|
||||
color: #fff;
|
||||
fill: #fff;
|
||||
}
|
||||
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
|
||||
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
|
||||
display: none;
|
||||
}
|
||||
.flatpickr-months .flatpickr-prev-month i,
|
||||
.flatpickr-months .flatpickr-next-month i {
|
||||
position: relative;
|
||||
}
|
||||
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
|
||||
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
|
||||
/*
|
||||
/*rtl:begin:ignore*/
|
||||
/*
|
||||
*/
|
||||
left: 0;
|
||||
/*
|
||||
/*rtl:end:ignore*/
|
||||
/*
|
||||
*/
|
||||
}
|
||||
/*
|
||||
/*rtl:begin:ignore*/
|
||||
/*
|
||||
/*rtl:end:ignore*/
|
||||
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
|
||||
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
|
||||
/*
|
||||
/*rtl:begin:ignore*/
|
||||
/*
|
||||
*/
|
||||
right: 0;
|
||||
/*
|
||||
/*rtl:end:ignore*/
|
||||
/*
|
||||
*/
|
||||
}
|
||||
/*
|
||||
/*rtl:begin:ignore*/
|
||||
/*
|
||||
/*rtl:end:ignore*/
|
||||
.flatpickr-months .flatpickr-prev-month:hover,
|
||||
.flatpickr-months .flatpickr-next-month:hover {
|
||||
color: #eee;
|
||||
}
|
||||
.flatpickr-months .flatpickr-prev-month:hover svg,
|
||||
.flatpickr-months .flatpickr-next-month:hover svg {
|
||||
fill: #f64747;
|
||||
}
|
||||
.flatpickr-months .flatpickr-prev-month svg,
|
||||
.flatpickr-months .flatpickr-next-month svg {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
.flatpickr-months .flatpickr-prev-month svg path,
|
||||
.flatpickr-months .flatpickr-next-month svg path {
|
||||
-webkit-transition: fill 0.1s;
|
||||
transition: fill 0.1s;
|
||||
fill: inherit;
|
||||
}
|
||||
.numInputWrapper {
|
||||
position: relative;
|
||||
height: auto;
|
||||
}
|
||||
.numInputWrapper input,
|
||||
.numInputWrapper span {
|
||||
display: inline-block;
|
||||
}
|
||||
.numInputWrapper input {
|
||||
width: 100%;
|
||||
}
|
||||
.numInputWrapper input::-ms-clear {
|
||||
display: none;
|
||||
}
|
||||
.numInputWrapper input::-webkit-outer-spin-button,
|
||||
.numInputWrapper input::-webkit-inner-spin-button {
|
||||
margin: 0;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
.numInputWrapper span {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
width: 14px;
|
||||
padding: 0 4px 0 2px;
|
||||
height: 50%;
|
||||
line-height: 50%;
|
||||
opacity: 0;
|
||||
cursor: pointer;
|
||||
border: 1px solid rgba(255, 255, 255, 0.15);
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.numInputWrapper span:hover {
|
||||
background: rgba(192, 187, 167, 0.1);
|
||||
}
|
||||
.numInputWrapper span:active {
|
||||
background: rgba(192, 187, 167, 0.2);
|
||||
}
|
||||
.numInputWrapper span:after {
|
||||
display: block;
|
||||
content: "";
|
||||
position: absolute;
|
||||
}
|
||||
.numInputWrapper span.arrowUp {
|
||||
top: 0;
|
||||
border-bottom: 0;
|
||||
}
|
||||
.numInputWrapper span.arrowUp:after {
|
||||
border-left: 4px solid transparent;
|
||||
border-right: 4px solid transparent;
|
||||
border-bottom: 4px solid rgba(255, 255, 255, 0.6);
|
||||
top: 26%;
|
||||
}
|
||||
.numInputWrapper span.arrowDown {
|
||||
top: 50%;
|
||||
}
|
||||
.numInputWrapper span.arrowDown:after {
|
||||
border-left: 4px solid transparent;
|
||||
border-right: 4px solid transparent;
|
||||
border-top: 4px solid rgba(255, 255, 255, 0.6);
|
||||
top: 40%;
|
||||
}
|
||||
.numInputWrapper span svg {
|
||||
width: inherit;
|
||||
height: auto;
|
||||
}
|
||||
.numInputWrapper span svg path {
|
||||
fill: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
.numInputWrapper:hover {
|
||||
background: rgba(192, 187, 167, 0.05);
|
||||
}
|
||||
.numInputWrapper:hover span {
|
||||
opacity: 1;
|
||||
}
|
||||
.flatpickr-current-month {
|
||||
font-size: 135%;
|
||||
line-height: inherit;
|
||||
font-weight: 300;
|
||||
color: inherit;
|
||||
position: absolute;
|
||||
width: 75%;
|
||||
left: 12.5%;
|
||||
padding: 7.48px 0 0 0;
|
||||
line-height: 1;
|
||||
height: 34px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
-webkit-transform: translate3d(0px, 0px, 0px);
|
||||
transform: translate3d(0px, 0px, 0px);
|
||||
}
|
||||
.flatpickr-current-month span.cur-month {
|
||||
font-family: inherit;
|
||||
font-weight: 700;
|
||||
color: inherit;
|
||||
display: inline-block;
|
||||
margin-left: 0.5ch;
|
||||
padding: 0;
|
||||
}
|
||||
.flatpickr-current-month span.cur-month:hover {
|
||||
background: rgba(192, 187, 167, 0.05);
|
||||
}
|
||||
.flatpickr-current-month .numInputWrapper {
|
||||
width: 6ch;
|
||||
width: 7ch\0;
|
||||
display: inline-block;
|
||||
}
|
||||
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
|
||||
border-bottom-color: #fff;
|
||||
}
|
||||
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
|
||||
border-top-color: #fff;
|
||||
}
|
||||
.flatpickr-current-month input.cur-year {
|
||||
background: transparent;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
color: inherit;
|
||||
cursor: text;
|
||||
padding: 0 0 0 0.5ch;
|
||||
margin: 0;
|
||||
display: inline-block;
|
||||
font-size: inherit;
|
||||
font-family: inherit;
|
||||
font-weight: 300;
|
||||
line-height: inherit;
|
||||
height: auto;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
vertical-align: initial;
|
||||
-webkit-appearance: textfield;
|
||||
-moz-appearance: textfield;
|
||||
appearance: textfield;
|
||||
}
|
||||
.flatpickr-current-month input.cur-year:focus {
|
||||
outline: 0;
|
||||
}
|
||||
.flatpickr-current-month input.cur-year[disabled],
|
||||
.flatpickr-current-month input.cur-year[disabled]:hover {
|
||||
font-size: 100%;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
background: transparent;
|
||||
pointer-events: none;
|
||||
}
|
||||
.flatpickr-current-month .flatpickr-monthDropdown-months {
|
||||
appearance: menulist;
|
||||
background: #3f4458;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
box-sizing: border-box;
|
||||
color: inherit;
|
||||
cursor: pointer;
|
||||
font-size: inherit;
|
||||
font-family: inherit;
|
||||
font-weight: 300;
|
||||
height: auto;
|
||||
line-height: inherit;
|
||||
margin: -1px 0 0 0;
|
||||
outline: none;
|
||||
padding: 0 0 0 0.5ch;
|
||||
position: relative;
|
||||
vertical-align: initial;
|
||||
-webkit-box-sizing: border-box;
|
||||
-webkit-appearance: menulist;
|
||||
-moz-appearance: menulist;
|
||||
width: auto;
|
||||
}
|
||||
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
|
||||
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
|
||||
outline: none;
|
||||
}
|
||||
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
|
||||
background: rgba(192, 187, 167, 0.05);
|
||||
}
|
||||
.flatpickr-current-month
|
||||
.flatpickr-monthDropdown-months
|
||||
.flatpickr-monthDropdown-month {
|
||||
background-color: #3f4458;
|
||||
outline: none;
|
||||
padding: 0;
|
||||
}
|
||||
.flatpickr-weekdays {
|
||||
background: transparent;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
height: 28px;
|
||||
}
|
||||
.flatpickr-weekdays .flatpickr-weekdaycontainer {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
span.flatpickr-weekday {
|
||||
cursor: default;
|
||||
font-size: 90%;
|
||||
background: #3f4458;
|
||||
color: #fff;
|
||||
line-height: 1;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
display: block;
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
font-weight: bolder;
|
||||
}
|
||||
.dayContainer,
|
||||
.flatpickr-weeks {
|
||||
padding: 1px 0 0 0;
|
||||
}
|
||||
.flatpickr-days {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: start;
|
||||
-webkit-align-items: flex-start;
|
||||
-ms-flex-align: start;
|
||||
align-items: flex-start;
|
||||
width: 307.875px;
|
||||
}
|
||||
.flatpickr-days:focus {
|
||||
outline: 0;
|
||||
}
|
||||
.dayContainer {
|
||||
padding: 0;
|
||||
outline: 0;
|
||||
text-align: left;
|
||||
width: 307.875px;
|
||||
min-width: 307.875px;
|
||||
max-width: 307.875px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
-ms-flex-wrap: wrap;
|
||||
-ms-flex-pack: justify;
|
||||
-webkit-justify-content: space-around;
|
||||
justify-content: space-around;
|
||||
-webkit-transform: translate3d(0px, 0px, 0px);
|
||||
transform: translate3d(0px, 0px, 0px);
|
||||
opacity: 1;
|
||||
}
|
||||
.dayContainer + .dayContainer {
|
||||
-webkit-box-shadow: -1px 0 0 #20222c;
|
||||
box-shadow: -1px 0 0 #20222c;
|
||||
}
|
||||
.flatpickr-day {
|
||||
background: none;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 150px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
color: rgba(255, 255, 255, 0.95);
|
||||
cursor: pointer;
|
||||
font-weight: 400;
|
||||
width: 14.2857143%;
|
||||
-webkit-flex-basis: 14.2857143%;
|
||||
-ms-flex-preferred-size: 14.2857143%;
|
||||
flex-basis: 14.2857143%;
|
||||
max-width: 39px;
|
||||
height: 39px;
|
||||
line-height: 39px;
|
||||
margin: 0;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
-webkit-box-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
.flatpickr-day.inRange,
|
||||
.flatpickr-day.prevMonthDay.inRange,
|
||||
.flatpickr-day.nextMonthDay.inRange,
|
||||
.flatpickr-day.today.inRange,
|
||||
.flatpickr-day.prevMonthDay.today.inRange,
|
||||
.flatpickr-day.nextMonthDay.today.inRange,
|
||||
.flatpickr-day:hover,
|
||||
.flatpickr-day.prevMonthDay:hover,
|
||||
.flatpickr-day.nextMonthDay:hover,
|
||||
.flatpickr-day:focus,
|
||||
.flatpickr-day.prevMonthDay:focus,
|
||||
.flatpickr-day.nextMonthDay:focus {
|
||||
cursor: pointer;
|
||||
outline: 0;
|
||||
background: #646c8c;
|
||||
border-color: #646c8c;
|
||||
}
|
||||
.flatpickr-day.today {
|
||||
border-color: #eee;
|
||||
}
|
||||
.flatpickr-day.today:hover,
|
||||
.flatpickr-day.today:focus {
|
||||
border-color: #eee;
|
||||
background: #eee;
|
||||
color: #3f4458;
|
||||
}
|
||||
.flatpickr-day.selected,
|
||||
.flatpickr-day.startRange,
|
||||
.flatpickr-day.endRange,
|
||||
.flatpickr-day.selected.inRange,
|
||||
.flatpickr-day.startRange.inRange,
|
||||
.flatpickr-day.endRange.inRange,
|
||||
.flatpickr-day.selected:focus,
|
||||
.flatpickr-day.startRange:focus,
|
||||
.flatpickr-day.endRange:focus,
|
||||
.flatpickr-day.selected:hover,
|
||||
.flatpickr-day.startRange:hover,
|
||||
.flatpickr-day.endRange:hover,
|
||||
.flatpickr-day.selected.prevMonthDay,
|
||||
.flatpickr-day.startRange.prevMonthDay,
|
||||
.flatpickr-day.endRange.prevMonthDay,
|
||||
.flatpickr-day.selected.nextMonthDay,
|
||||
.flatpickr-day.startRange.nextMonthDay,
|
||||
.flatpickr-day.endRange.nextMonthDay {
|
||||
background: #80cbc4;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
color: #fff;
|
||||
border-color: #80cbc4;
|
||||
}
|
||||
.flatpickr-day.selected.startRange,
|
||||
.flatpickr-day.startRange.startRange,
|
||||
.flatpickr-day.endRange.startRange {
|
||||
border-radius: 50px 0 0 50px;
|
||||
}
|
||||
.flatpickr-day.selected.endRange,
|
||||
.flatpickr-day.startRange.endRange,
|
||||
.flatpickr-day.endRange.endRange {
|
||||
border-radius: 0 50px 50px 0;
|
||||
}
|
||||
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
|
||||
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
|
||||
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
|
||||
-webkit-box-shadow: -10px 0 0 #80cbc4;
|
||||
box-shadow: -10px 0 0 #80cbc4;
|
||||
}
|
||||
.flatpickr-day.selected.startRange.endRange,
|
||||
.flatpickr-day.startRange.startRange.endRange,
|
||||
.flatpickr-day.endRange.startRange.endRange {
|
||||
border-radius: 50px;
|
||||
}
|
||||
.flatpickr-day.inRange {
|
||||
border-radius: 0;
|
||||
-webkit-box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c;
|
||||
box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c;
|
||||
}
|
||||
.flatpickr-day.flatpickr-disabled,
|
||||
.flatpickr-day.flatpickr-disabled:hover,
|
||||
.flatpickr-day.prevMonthDay,
|
||||
.flatpickr-day.nextMonthDay,
|
||||
.flatpickr-day.notAllowed,
|
||||
.flatpickr-day.notAllowed.prevMonthDay,
|
||||
.flatpickr-day.notAllowed.nextMonthDay {
|
||||
color: rgba(255, 255, 255, 0.3);
|
||||
background: transparent;
|
||||
border-color: transparent;
|
||||
cursor: default;
|
||||
}
|
||||
.flatpickr-day.flatpickr-disabled,
|
||||
.flatpickr-day.flatpickr-disabled:hover {
|
||||
cursor: not-allowed;
|
||||
color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
.flatpickr-day.week.selected {
|
||||
border-radius: 0;
|
||||
-webkit-box-shadow: -5px 0 0 #80cbc4, 5px 0 0 #80cbc4;
|
||||
box-shadow: -5px 0 0 #80cbc4, 5px 0 0 #80cbc4;
|
||||
}
|
||||
.flatpickr-day.hidden {
|
||||
visibility: hidden;
|
||||
}
|
||||
.rangeMode .flatpickr-day {
|
||||
margin-top: 1px;
|
||||
}
|
||||
.flatpickr-weekwrapper {
|
||||
float: left;
|
||||
}
|
||||
.flatpickr-weekwrapper .flatpickr-weeks {
|
||||
padding: 0 12px;
|
||||
-webkit-box-shadow: 1px 0 0 #20222c;
|
||||
box-shadow: 1px 0 0 #20222c;
|
||||
}
|
||||
.flatpickr-weekwrapper .flatpickr-weekday {
|
||||
float: none;
|
||||
width: 100%;
|
||||
line-height: 28px;
|
||||
}
|
||||
.flatpickr-weekwrapper span.flatpickr-day,
|
||||
.flatpickr-weekwrapper span.flatpickr-day:hover {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: none;
|
||||
color: rgba(255, 255, 255, 0.3);
|
||||
background: transparent;
|
||||
cursor: default;
|
||||
border: none;
|
||||
}
|
||||
.flatpickr-innerContainer {
|
||||
display: block;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
}
|
||||
.flatpickr-rContainer {
|
||||
display: inline-block;
|
||||
padding: 0;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.flatpickr-time {
|
||||
text-align: center;
|
||||
outline: 0;
|
||||
display: block;
|
||||
height: 0;
|
||||
line-height: 40px;
|
||||
max-height: 40px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
.flatpickr-time:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
.flatpickr-time .numInputWrapper {
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
width: 40%;
|
||||
height: 40px;
|
||||
float: left;
|
||||
}
|
||||
.flatpickr-time .numInputWrapper span.arrowUp:after {
|
||||
border-bottom-color: rgba(255, 255, 255, 0.95);
|
||||
}
|
||||
.flatpickr-time .numInputWrapper span.arrowDown:after {
|
||||
border-top-color: rgba(255, 255, 255, 0.95);
|
||||
}
|
||||
.flatpickr-time.hasSeconds .numInputWrapper {
|
||||
width: 26%;
|
||||
}
|
||||
.flatpickr-time.time24hr .numInputWrapper {
|
||||
width: 49%;
|
||||
}
|
||||
.flatpickr-time input {
|
||||
background: transparent;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: inherit;
|
||||
line-height: inherit;
|
||||
color: rgba(255, 255, 255, 0.95);
|
||||
font-size: 14px;
|
||||
position: relative;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-webkit-appearance: textfield;
|
||||
-moz-appearance: textfield;
|
||||
appearance: textfield;
|
||||
}
|
||||
.flatpickr-time input.flatpickr-hour {
|
||||
font-weight: bold;
|
||||
}
|
||||
.flatpickr-time input.flatpickr-minute,
|
||||
.flatpickr-time input.flatpickr-second {
|
||||
font-weight: 400;
|
||||
}
|
||||
.flatpickr-time input:focus {
|
||||
outline: 0;
|
||||
border: 0;
|
||||
}
|
||||
.flatpickr-time .flatpickr-time-separator,
|
||||
.flatpickr-time .flatpickr-am-pm {
|
||||
height: inherit;
|
||||
float: left;
|
||||
line-height: inherit;
|
||||
color: rgba(255, 255, 255, 0.95);
|
||||
font-weight: bold;
|
||||
width: 2%;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-align-self: center;
|
||||
-ms-flex-item-align: center;
|
||||
align-self: center;
|
||||
}
|
||||
.flatpickr-time .flatpickr-am-pm {
|
||||
outline: 0;
|
||||
width: 18%;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
}
|
||||
.flatpickr-time input:hover,
|
||||
.flatpickr-time .flatpickr-am-pm:hover,
|
||||
.flatpickr-time input:focus,
|
||||
.flatpickr-time .flatpickr-am-pm:focus {
|
||||
background: #6a7395;
|
||||
}
|
||||
.flatpickr-input[readonly] {
|
||||
cursor: pointer;
|
||||
}
|
||||
@-webkit-keyframes fpFadeInDown {
|
||||
from {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(0, -20px, 0);
|
||||
transform: translate3d(0, -20px, 0);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
}
|
||||
@keyframes fpFadeInDown {
|
||||
from {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(0, -20px, 0);
|
||||
transform: translate3d(0, -20px, 0);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
}
|
||||
107
live_monitor_vue/public/css/admin_panel.css
Normal file
107
live_monitor_vue/public/css/admin_panel.css
Normal file
@@ -0,0 +1,107 @@
|
||||
.admin_button_bv {
|
||||
transition: all 0.3s;
|
||||
display: flex;
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
right: 11px;
|
||||
z-index: 1001;
|
||||
border-radius: 100% 0 0 100%;
|
||||
padding: 10px;
|
||||
background-color: white;
|
||||
border: 1px solid rgb(206, 206, 206);
|
||||
border-right: none;
|
||||
opacity: 0.6;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 720px) {
|
||||
.admin_button_bv {
|
||||
right: -3000px;
|
||||
display: none;
|
||||
}
|
||||
.admin_panel_wrapper_bv * {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.admin_button_bv:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.admin_button_bv svg {
|
||||
fill: rgb(85, 84, 82);
|
||||
}
|
||||
|
||||
.admin_panel_wrapper_bv {
|
||||
position: fixed;
|
||||
z-index: 1001;
|
||||
}
|
||||
|
||||
.admin_panel_bv {
|
||||
box-shadow: -10px -10px 30px 4px rgba(20, 55, 82, 0.15);
|
||||
transition: all 0.3s;
|
||||
position: fixed;
|
||||
z-index: 1005;
|
||||
height: 400px;
|
||||
width: 250px;
|
||||
background-color: white;
|
||||
border: 1px solid rgb(224, 228, 231);
|
||||
bottom: 0;
|
||||
right: 11px;
|
||||
border-radius: 5px 0 0 0;
|
||||
}
|
||||
|
||||
.admin_panel_bv.closed {
|
||||
right: -400px;
|
||||
}
|
||||
|
||||
.admin_panel_bv > .admin_panel_header {
|
||||
border-bottom: 1px solid rgb(211, 211, 211);
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
font-weight: 700;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.admin_panel_bv > .admin_panel_header > svg {
|
||||
fill: gray;
|
||||
transition: all 0.3s;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.admin_panel_bv > .admin_panel_header > svg:hover {
|
||||
fill: rgb(66, 65, 62);
|
||||
}
|
||||
|
||||
.admin_panel_bv > .admin_panel_body {
|
||||
padding: 10px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.admin_panel_body li {
|
||||
list-style-type: none;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.admin_panel_bv > .admin_panel_body > ul > li {
|
||||
border-bottom: 1px solid rgb(220, 220, 220);
|
||||
padding-bottom: 10px;
|
||||
margin-bottom: 10px;
|
||||
transition: all 0.1s;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.admin_panel_bv > .admin_panel_body > ul > li:hover {
|
||||
color: rgb(89, 108, 218);
|
||||
}
|
||||
|
||||
.admin_panel_bv > .admin_panel_body > ul > li:active {
|
||||
color: rgb(69, 88, 199);
|
||||
}
|
||||
|
||||
.main_wrapper_increased {
|
||||
padding-bottom: 400px;
|
||||
}
|
||||
365
live_monitor_vue/public/css/components/10_form.css
Normal file
365
live_monitor_vue/public/css/components/10_form.css
Normal file
@@ -0,0 +1,365 @@
|
||||
[type="text"],
|
||||
[type="email"],
|
||||
[type="url"],
|
||||
[type="password"],
|
||||
[type="number"],
|
||||
[type="date"],
|
||||
[type="datetime-local"],
|
||||
[type="month"],
|
||||
[type="search"],
|
||||
[type="tel"],
|
||||
[type="time"],
|
||||
[type="week"],
|
||||
[multiple],
|
||||
textarea,
|
||||
select {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(var(--color-slate-200) / var(--tw-border-opacity));
|
||||
}
|
||||
.form-check {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.form-check-label {
|
||||
margin-left: 0.5rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
.form-check-input {
|
||||
transition-property: all;
|
||||
transition-duration: 100ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.form-check-input[type="radio"] {
|
||||
cursor: pointer;
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(var(--color-slate-200) / var(--tw-border-opacity));
|
||||
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
||||
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
|
||||
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.form-check-input[type="radio"]:focus {
|
||||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
|
||||
var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
||||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0
|
||||
calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
|
||||
var(--tw-shadow, 0 0 #0000);
|
||||
--tw-ring-color: rgb(var(--color-primary) / var(--tw-ring-opacity));
|
||||
--tw-ring-opacity: 0.2;
|
||||
--tw-ring-offset-width: 0px;
|
||||
}
|
||||
.dark .form-check-input[type="radio"] {
|
||||
border-color: transparent;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(var(--color-darkmode-800) / var(--tw-bg-opacity));
|
||||
}
|
||||
.dark .form-check-input[type="radio"]:focus {
|
||||
--tw-ring-color: rgb(var(--color-slate-700) / var(--tw-ring-opacity));
|
||||
--tw-ring-opacity: 0.5;
|
||||
}
|
||||
.form-check-input[type="radio"]:checked {
|
||||
border-color: rgb(var(--color-primary) / var(--tw-border-opacity));
|
||||
--tw-border-opacity: 0.1;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(var(--color-primary) / var(--tw-bg-opacity));
|
||||
}
|
||||
.form-check-input[type="radio"]:disabled:not(:checked) {
|
||||
cursor: not-allowed;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(var(--color-slate-100) / var(--tw-bg-opacity));
|
||||
}
|
||||
.dark .form-check-input[type="radio"]:disabled:not(:checked) {
|
||||
background-color: rgb(var(--color-darkmode-800) / 0.5);
|
||||
}
|
||||
.form-check-input[type="radio"]:disabled:checked {
|
||||
cursor: not-allowed;
|
||||
opacity: 0.7;
|
||||
}
|
||||
.dark .form-check-input[type="radio"]:disabled:checked {
|
||||
background-color: rgb(var(--color-darkmode-800) / 0.5);
|
||||
}
|
||||
.form-check-input[type="checkbox"] {
|
||||
cursor: pointer;
|
||||
border-radius: 0.25rem;
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(var(--color-slate-200) / var(--tw-border-opacity));
|
||||
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
||||
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
|
||||
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.form-check-input[type="checkbox"]:focus {
|
||||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
|
||||
var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
||||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0
|
||||
calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
|
||||
var(--tw-shadow, 0 0 #0000);
|
||||
--tw-ring-color: rgb(var(--color-primary) / var(--tw-ring-opacity));
|
||||
--tw-ring-opacity: 0.2;
|
||||
--tw-ring-offset-width: 0px;
|
||||
}
|
||||
.dark .form-check-input[type="checkbox"] {
|
||||
border-color: transparent;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(var(--color-darkmode-800) / var(--tw-bg-opacity));
|
||||
}
|
||||
.dark .form-check-input[type="checkbox"]:focus {
|
||||
--tw-ring-color: rgb(var(--color-slate-700) / var(--tw-ring-opacity));
|
||||
--tw-ring-opacity: 0.5;
|
||||
}
|
||||
.form-check-input[type="checkbox"]:checked {
|
||||
border-color: rgb(var(--color-primary) / var(--tw-border-opacity));
|
||||
--tw-border-opacity: 0.1;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(var(--color-primary) / var(--tw-bg-opacity));
|
||||
}
|
||||
.form-check-input[type="checkbox"]:disabled:not(:checked) {
|
||||
cursor: not-allowed;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(var(--color-slate-100) / var(--tw-bg-opacity));
|
||||
}
|
||||
.dark .form-check-input[type="checkbox"]:disabled:not(:checked) {
|
||||
background-color: rgb(var(--color-darkmode-800) / 0.5);
|
||||
}
|
||||
.form-check-input[type="checkbox"]:disabled:checked {
|
||||
cursor: not-allowed;
|
||||
opacity: 0.7;
|
||||
}
|
||||
.dark .form-check-input[type="checkbox"]:disabled:checked {
|
||||
background-color: rgb(var(--color-darkmode-800) / 0.5);
|
||||
}
|
||||
.form-switch .form-check-input {
|
||||
width: 38px;
|
||||
height: 24px;
|
||||
padding: 1px;
|
||||
position: relative;
|
||||
border-radius: 9999px;
|
||||
background-image: none;
|
||||
}
|
||||
.form-switch .form-check-input:before {
|
||||
content: "";
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
|
||||
transition-property: margin-left;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
border-radius: 9999px;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.dark .form-switch .form-check-input:before {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(var(--color-darkmode-600) / var(--tw-bg-opacity));
|
||||
}
|
||||
.form-switch .form-check-input:checked {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(var(--color-success) / var(--tw-border-opacity));
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(var(--color-success) / var(--tw-bg-opacity));
|
||||
}
|
||||
.form-switch .form-check-input:checked::before {
|
||||
margin-left: 14px;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
||||
}
|
||||
/* Default Form Control */
|
||||
.form-control {
|
||||
width: 100%;
|
||||
border-radius: 0.375rem;
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(var(--color-slate-200) / var(--tw-border-opacity));
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
||||
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
|
||||
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
transition-property: color, background-color, border-color, fill, stroke,
|
||||
opacity, box-shadow, transform, filter, -webkit-text-decoration-color,
|
||||
-webkit-backdrop-filter;
|
||||
transition-property: color, background-color, border-color,
|
||||
text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
|
||||
backdrop-filter;
|
||||
transition-property: color, background-color, border-color,
|
||||
text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
|
||||
backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.form-control::-moz-placeholder {
|
||||
color: rgb(var(--color-slate-400) / 0.9);
|
||||
}
|
||||
.form-control:-ms-input-placeholder {
|
||||
color: rgb(var(--color-slate-400) / 0.9);
|
||||
}
|
||||
.form-control::placeholder {
|
||||
color: rgb(var(--color-slate-400) / 0.9);
|
||||
}
|
||||
.form-control:focus {
|
||||
border-color: rgb(var(--color-primary) / var(--tw-border-opacity));
|
||||
--tw-border-opacity: 0.4;
|
||||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
|
||||
var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
||||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0
|
||||
calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
|
||||
var(--tw-shadow, 0 0 #0000);
|
||||
--tw-ring-color: rgb(var(--color-primary) / var(--tw-ring-opacity));
|
||||
--tw-ring-opacity: 0.2;
|
||||
}
|
||||
.dark .form-control {
|
||||
border-color: transparent;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(var(--color-darkmode-800) / var(--tw-bg-opacity));
|
||||
transition-property: none;
|
||||
}
|
||||
.dark .form-control::-moz-placeholder {
|
||||
color: rgb(var(--color-slate-500) / 0.8);
|
||||
}
|
||||
.dark .form-control:-ms-input-placeholder {
|
||||
color: rgb(var(--color-slate-500) / 0.8);
|
||||
}
|
||||
.dark .form-control::placeholder {
|
||||
color: rgb(var(--color-slate-500) / 0.8);
|
||||
}
|
||||
.dark .form-control:focus {
|
||||
--tw-ring-color: rgb(var(--color-slate-700) / var(--tw-ring-opacity));
|
||||
--tw-ring-opacity: 0.5;
|
||||
}
|
||||
.form-control:disabled,
|
||||
.form-control[readonly] {
|
||||
cursor: not-allowed;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(var(--color-slate-100) / var(--tw-bg-opacity));
|
||||
}
|
||||
.dark .form-control:disabled,
|
||||
.dark .form-control[readonly] {
|
||||
border-color: transparent;
|
||||
background-color: rgb(var(--color-darkmode-800) / 0.5);
|
||||
}
|
||||
/* Default Sizes */
|
||||
.form-control-sm {
|
||||
padding-top: 0.375rem;
|
||||
padding-bottom: 0.375rem;
|
||||
padding-left: 0.5rem;
|
||||
padding-right: 0.5rem;
|
||||
font-size: 0.75rem;
|
||||
line-height: 1rem;
|
||||
}
|
||||
.form-control-lg {
|
||||
padding-top: 0.375rem;
|
||||
padding-bottom: 0.375rem;
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
font-size: 1.125rem;
|
||||
line-height: 1.75rem;
|
||||
}
|
||||
/* Form Control Rounded */
|
||||
.form-control-rounded {
|
||||
border-radius: 9999px;
|
||||
}
|
||||
.form-help {
|
||||
margin-top: 0.5rem;
|
||||
font-size: 0.75rem;
|
||||
line-height: 1rem;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(var(--color-slate-500) / var(--tw-text-opacity));
|
||||
}
|
||||
.form-inline {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.form-inline .form-label {
|
||||
margin-bottom: 0px;
|
||||
margin-right: 1.25rem;
|
||||
text-align: right;
|
||||
}
|
||||
.form-inline .form-control {
|
||||
flex: 1 1 0%;
|
||||
}
|
||||
.form-label {
|
||||
margin-bottom: 0.5rem;
|
||||
display: inline-block;
|
||||
}
|
||||
/* Default Form Select */
|
||||
.form-select {
|
||||
width: 100%;
|
||||
border-radius: 0.375rem;
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(var(--color-slate-200) / var(--tw-border-opacity));
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
padding-left: 0.75rem;
|
||||
padding-right: 2rem;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
||||
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
|
||||
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
transition-property: color, background-color, border-color, fill, stroke,
|
||||
opacity, box-shadow, transform, filter, -webkit-text-decoration-color,
|
||||
-webkit-backdrop-filter;
|
||||
transition-property: color, background-color, border-color,
|
||||
text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
|
||||
backdrop-filter;
|
||||
transition-property: color, background-color, border-color,
|
||||
text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
|
||||
backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.form-select:focus {
|
||||
border-color: rgb(var(--color-primary) / var(--tw-border-opacity));
|
||||
--tw-border-opacity: 0.4;
|
||||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
|
||||
var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
||||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0
|
||||
calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
|
||||
var(--tw-shadow, 0 0 #0000);
|
||||
--tw-ring-color: rgb(var(--color-primary) / var(--tw-ring-opacity));
|
||||
--tw-ring-opacity: 0.2;
|
||||
}
|
||||
.dark .form-select {
|
||||
border-color: transparent;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(var(--color-darkmode-800) / var(--tw-bg-opacity));
|
||||
}
|
||||
.dark .form-select:focus {
|
||||
--tw-ring-color: rgb(var(--color-slate-700) / var(--tw-ring-opacity));
|
||||
--tw-ring-opacity: 0.5;
|
||||
}
|
||||
.form-select:disabled,
|
||||
.form-select[readonly] {
|
||||
cursor: not-allowed;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(var(--color-slate-100) / var(--tw-bg-opacity));
|
||||
}
|
||||
.dark .form-select:disabled,
|
||||
.dark .form-select[readonly] {
|
||||
background-color: rgb(var(--color-darkmode-800) / 0.5);
|
||||
}
|
||||
/* Default Sizes */
|
||||
.form-select-sm {
|
||||
padding-top: 0.375rem;
|
||||
padding-bottom: 0.375rem;
|
||||
padding-left: 0.5rem;
|
||||
padding-right: 2rem;
|
||||
font-size: 0.75rem;
|
||||
line-height: 1rem;
|
||||
}
|
||||
.form-select-lg {
|
||||
padding-top: 0.375rem;
|
||||
padding-bottom: 0.375rem;
|
||||
padding-left: 1rem;
|
||||
padding-right: 2rem;
|
||||
font-size: 1.125rem;
|
||||
line-height: 1.75rem;
|
||||
}
|
||||
234
live_monitor_vue/public/css/components/10_global.css
Normal file
234
live_monitor_vue/public/css/components/10_global.css
Normal file
@@ -0,0 +1,234 @@
|
||||
|
||||
body {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
html body {
|
||||
overflow-x: hidden;
|
||||
font-family: Roboto;
|
||||
font-size: 0.875rem;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.sshadow {
|
||||
box-shadow: 0px 0px 10px 0px rgba(11, 83, 139, 0.2);
|
||||
}
|
||||
|
||||
.main {
|
||||
background-image: url(/images/bg-main.svg);
|
||||
background-attachment: fixed;
|
||||
background-repeat: no-repeat;
|
||||
/* padding-top: 1.25rem; */
|
||||
padding-bottom: 1.25rem;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
position: relative;
|
||||
margin-top: 15px;
|
||||
}
|
||||
.wrapper:before {
|
||||
content: "";
|
||||
width: 95%;
|
||||
z-index: -1;
|
||||
transform: translatey(35px);
|
||||
-webkit-animation: 0.4s intro-wrapper-animation ease-in-out 0.33333s;
|
||||
animation: 0.4s intro-wrapper-animation ease-in-out 0.33333s;
|
||||
-webkit-animation-fill-mode: forwards;
|
||||
animation-fill-mode: forwards;
|
||||
-webkit-animation-delay: 0.1s;
|
||||
animation-delay: 0.1s;
|
||||
border-radius: 1.3rem;
|
||||
position: absolute;
|
||||
/* right: -15px; */
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: 1rem;
|
||||
height: 100%;
|
||||
background-color: rgb(255 255 255 / 0.1);
|
||||
opacity: 0;
|
||||
}
|
||||
.dark .wrapper:before {
|
||||
background-color: rgb(var(--color-darkmode-400) / 0.5);
|
||||
}
|
||||
.wrapper.wrapper--top-nav .wrapper-box {
|
||||
padding-top: 80px;
|
||||
margin-top: -62px;
|
||||
}
|
||||
@media (max-width: calc(1280px - 1px)) {
|
||||
.wrapper.wrapper--top-nav .wrapper-box {
|
||||
margin-top: -67px;
|
||||
background-color: transparent;
|
||||
}
|
||||
.wrapper.wrapper--top-nav .wrapper-box::before {
|
||||
content: var(--tw-content);
|
||||
display: none;
|
||||
}
|
||||
.dark .wrapper.wrapper--top-nav .wrapper-box {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
@media (max-width: calc(768px - 1px)) {
|
||||
.wrapper.wrapper--top-nav .wrapper-box {
|
||||
margin-top: -7px;
|
||||
padding-top: 0px;
|
||||
}
|
||||
}
|
||||
@media (max-width: calc(1280px - 1px)) {
|
||||
.wrapper.wrapper--top-nav:before {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
.wrapper .wrapper-box {
|
||||
/* transform: translatey(35px); */
|
||||
/* -webkit-animation: 0.4s intro-wrapper-animation ease-in-out 0.33333s;
|
||||
animation: 0.4s intro-wrapper-animation ease-in-out 0.33333s;
|
||||
-webkit-animation-fill-mode: forwards; */
|
||||
/* animation-fill-mode: forwards; */
|
||||
/* -webkit-animation-delay: 0.2s; */
|
||||
/* animation-delay: 0.2s; */
|
||||
display: flex;
|
||||
border-radius: 1.3rem;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(var(--color-primary) / var(--tw-bg-opacity));
|
||||
}
|
||||
.dark .wrapper .wrapper-box {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(var(--color-darkmode-400) / var(--tw-bg-opacity));
|
||||
}
|
||||
.wrapper .wrapper-box:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
z-index: -1;
|
||||
display: block;
|
||||
border-radius: 1.3rem;
|
||||
background-color: rgb(0 0 0 / 0.15);
|
||||
}
|
||||
@media (max-width: calc(768px - 1px)) {
|
||||
.wrapper .wrapper-box {
|
||||
margin-top: -7px;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes intro-wrapper-animation {
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateX(0px);
|
||||
}
|
||||
}
|
||||
@keyframes intro-wrapper-animation {
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateX(0px);
|
||||
}
|
||||
}
|
||||
|
||||
.text-ssm {
|
||||
font-size: 0.675rem;
|
||||
line-height: 1.1rem;
|
||||
}
|
||||
|
||||
input[phx-hook='ToggleInput'] {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
.fontw-100 {
|
||||
font-weight: 100
|
||||
}
|
||||
|
||||
.fontw-200 {
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
.fontw-300 {
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.fontw-400 {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.fontw-500 {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.fontw-600 {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.fontw-700 {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.fontw-800 {
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.fontw-900 {
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.font-w-100 {
|
||||
font-weight: 100
|
||||
}
|
||||
|
||||
.font-w-200 {
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
.font-w-300 {
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.font-w-400 {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.font-w-500 {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.font-w-600 {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.font-w-700 {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.font-w-800 {
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.font-w-900 {
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.transition-all {
|
||||
transition: all .3s;
|
||||
}
|
||||
|
||||
.transition-3 {
|
||||
transition: all .3s;
|
||||
}
|
||||
|
||||
.transition-4 {
|
||||
transition: all .4s;
|
||||
}
|
||||
|
||||
.transition-5 {
|
||||
transition: all .5s;
|
||||
}
|
||||
|
||||
.transition-6 {
|
||||
transition: all .6s;
|
||||
}
|
||||
|
||||
.transition-7 {
|
||||
transition: all .7s;
|
||||
}
|
||||
@@ -0,0 +1,56 @@
|
||||
@-webkit-keyframes intro-devider-animation {
|
||||
100%{
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@keyframes intro-devider-animation {
|
||||
100%{
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes intro-menu-animation {
|
||||
100%{
|
||||
opacity: 1;
|
||||
transform: translateX(0px);
|
||||
}
|
||||
}
|
||||
@keyframes intro-menu-animation {
|
||||
100%{
|
||||
opacity: 1;
|
||||
transform: translateX(0px);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes intro-submenu-animation {
|
||||
100%{
|
||||
opacity: 1;
|
||||
transform: translateX(0px);
|
||||
}
|
||||
}
|
||||
@keyframes intro-submenu-animation {
|
||||
100%{
|
||||
opacity: 1;
|
||||
transform: translateX(0px);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes intro-active-menu-animation {
|
||||
100%{
|
||||
z-index: 10;
|
||||
}
|
||||
}
|
||||
@keyframes intro-active-menu-animation {
|
||||
100%{
|
||||
z-index: 10;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes active-side-menu-chevron-animation {
|
||||
100% {
|
||||
margin-right: -27px;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@keyframes active-side-menu-chevron-animation {
|
||||
100% {
|
||||
margin-right: -27px;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
51
live_monitor_vue/public/css/components/111_blog_news.css
Normal file
51
live_monitor_vue/public/css/components/111_blog_news.css
Normal file
@@ -0,0 +1,51 @@
|
||||
.news-block{
|
||||
max-width: 900px;
|
||||
min-width: 200px;
|
||||
max-height: 240px;
|
||||
}
|
||||
.news-title-image {
|
||||
height: 200px;
|
||||
}
|
||||
.news-full-text-block{
|
||||
height: calc(100% - 240px);
|
||||
}
|
||||
.btn-responsive-width {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1071px) {
|
||||
.btn-responsive-width {
|
||||
width: 320px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
.news-block{
|
||||
max-height: 480px;
|
||||
height: fit-content;
|
||||
max-width: 450px;
|
||||
}
|
||||
.news-block > .news-image{
|
||||
max-height: 240px;
|
||||
}
|
||||
.news-block > .news-text{
|
||||
max-height: 280px;
|
||||
height: fit-content;
|
||||
}
|
||||
.news-block > .news-text > .news-text-shrinked{
|
||||
flex-grow: 0;
|
||||
}
|
||||
.news-block > .news-image > img{
|
||||
overflow: auto;
|
||||
height: auto;
|
||||
max-width: 450px;
|
||||
max-height: 240px;
|
||||
}
|
||||
.news-title-image {
|
||||
height: calc(100vw / 8);
|
||||
min-height:100px
|
||||
}
|
||||
.news-full-text-block{
|
||||
height: calc(100% - 100vw / 2);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,94 @@
|
||||
.group_settings {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.group_settings-setting {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
border-bottom: 1px solid #cecece;
|
||||
padding: 0 0 20px 0;
|
||||
flex-direction: column;
|
||||
margin: 20px 0;
|
||||
}
|
||||
.group_settings-setting-title{
|
||||
margin: 0 10px;
|
||||
display: flex;
|
||||
}
|
||||
.group_settings-setting-title > label{
|
||||
display: flex;
|
||||
column-gap: 0.5rem;
|
||||
font-weight: bold;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.group_settings-setting-title-params {
|
||||
display: flex;
|
||||
column-gap: 0.5rem;
|
||||
row-gap: 0.5rem;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.ant-btn.group_settings-setting-title-params {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1080px) {
|
||||
.group_settings-setting-title-params {
|
||||
flex-direction: column;
|
||||
}
|
||||
.ant-btn.group_settings-setting-title-params {
|
||||
margin: 10px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.group_settings-setting-title-param {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.group_settings-setting-title-param.full {
|
||||
width: 100%;
|
||||
}
|
||||
.group_settings-setting-title-param-subtitle {
|
||||
margin: 0 10px;
|
||||
min-width: 20px;
|
||||
width: fit-content;
|
||||
}
|
||||
.group_settings-setting-title-param-subtitle.selector {
|
||||
width: 200px;
|
||||
}
|
||||
.group_settings-setting-title-param-value {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
min-width: 100px;
|
||||
max-width: 100%;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
.group_settings-setting-title-param-comments{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border-left: 5px solid #00000073;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.compact-picker {
|
||||
width: 100% !important;
|
||||
}
|
||||
.flex-input-control-block{
|
||||
flex: 1 1 150px;
|
||||
min-width: 150px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1230px) {
|
||||
.flex-input-control-block{
|
||||
flex: 1 1 36px;
|
||||
}
|
||||
}
|
||||
.disable-enabled {
|
||||
margin: "0 10px;"
|
||||
}
|
||||
.disable-enabled[disabled] {
|
||||
color: #1890ff;
|
||||
border: 1px solid #1890ff;
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
|
||||
.bg-mpk, .bg-mpt, .bg-mtso, .bg-am140, .bg-uk, .bg-avf, .bg-adm, .bg-kda, .bg-chom, .bg-utm, .bg-mtg, .bg-vpr, .bg-rzd {
|
||||
background: linear-gradient(96.95deg, rgba(236, 236, 243, 0.95) 1.45%, rgba(255, 255, 255, 0.703) 20.43%, rgba(255, 255, 255, 0) 98.58%), linear-gradient(277.71deg, rgba(0, 8, 38, 0.3) 0%, rgba(0, 5, 20, 0.076) 45.46%, rgba(255, 255, 255, 0) 97.87%), linear-gradient(0deg, rgba(123, 134, 152, 0.7), rgba(123, 134, 152, 0.7));
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
140
live_monitor_vue/public/css/components/111_other.css
Normal file
140
live_monitor_vue/public/css/components/111_other.css
Normal file
@@ -0,0 +1,140 @@
|
||||
.resp-wrap {
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
}
|
||||
.resp-wrap > div {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#date_select_1-container .SingleDatePickerInput {
|
||||
width: 150px;
|
||||
max-width: 90vw;
|
||||
}
|
||||
|
||||
.mobile-menu-button {
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1230px) {
|
||||
.resp-wrap {
|
||||
flex-direction: column;
|
||||
}
|
||||
.mobile-full {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 750px) {
|
||||
.resp-wrap {
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
.resp-wrap > div {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
.ant-table {
|
||||
width: 100%;
|
||||
min-width: 280px;
|
||||
overflow-x: auto;
|
||||
max-width: calc(100vw - 2rem);
|
||||
}
|
||||
.name_block_hider {
|
||||
display: none;
|
||||
}
|
||||
.mobile-menu-button {
|
||||
width: 150px;
|
||||
}
|
||||
.small-col {
|
||||
flex-direction: column;
|
||||
row-gap: 1.25rem;
|
||||
}
|
||||
.small-col > .ant-select {
|
||||
width: 100%;
|
||||
min-width: 280px;
|
||||
}
|
||||
#date_select_1-container .SingleDatePickerInput {
|
||||
width: 100%;
|
||||
min-width: 280px;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 490px) {
|
||||
.group_settings-setting-title-param.mobile-early-column {
|
||||
align-items: flex-start;
|
||||
width: 100%;
|
||||
}
|
||||
.mobile-early-column {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
.rdt > input {
|
||||
border-bottom: 1px solid gray;
|
||||
}
|
||||
.flex-but {
|
||||
max-width: 150px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1230px) {
|
||||
.flex-but {
|
||||
max-width: 100vw;
|
||||
}
|
||||
}
|
||||
|
||||
.table-container-shadow {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
row-gap: 0.5rem;
|
||||
margin: 1rem;
|
||||
align-items: center;
|
||||
background-color: white;
|
||||
padding: 2rem 1rem;
|
||||
justify-content: center;
|
||||
box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12), 2px 3px 7px rgba(0, 0, 0, 0.24);
|
||||
column-gap: 20px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.link_btn {
|
||||
text-decoration: underline;
|
||||
color: blue;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.fontw-100 {
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
.fontw-200 {
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
.fontw-300 {
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.fontw-400 {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.fontw-500 {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.fontw-600 {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.fontw-700 {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.fontw-800 {
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.fontw-900 {
|
||||
font-weight: 900;
|
||||
}
|
||||
157
live_monitor_vue/public/css/components/111_react_components.css
Normal file
157
live_monitor_vue/public/css/components/111_react_components.css
Normal file
@@ -0,0 +1,157 @@
|
||||
.ant-select-selector {
|
||||
height: 36px !important;
|
||||
min-width: 130px;
|
||||
}
|
||||
.ant-input {
|
||||
height: 26px;
|
||||
}
|
||||
.ant-modal {
|
||||
width: auto !important;
|
||||
max-height: calc(100vh - 2rem);
|
||||
top: 0px;
|
||||
}
|
||||
.ant-modal-wrap {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.ant-table {
|
||||
width: calc(100vw - 2rem);
|
||||
min-width: 280px;
|
||||
overflow-x: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
.table-w-full .ant-table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.table-full .seletors_group {
|
||||
width: 320px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 640px) {
|
||||
.table-full .seletors_group {
|
||||
width: 270px;
|
||||
}
|
||||
}
|
||||
|
||||
.table-full .ant-table {
|
||||
width: 100%;
|
||||
}
|
||||
.table-w-full .ant-modal-body {
|
||||
padding: 0 10px;
|
||||
}
|
||||
.fs-modal .ant-modal-body {
|
||||
padding: 0 10px;
|
||||
}
|
||||
.ant-modal-wrap.fs-modal {
|
||||
margin: 0;
|
||||
}
|
||||
.fs-table .ant-table-body {
|
||||
max-height: calc(100vh - 300px);
|
||||
}
|
||||
.fs-table .ant-modal-body > div {
|
||||
max-height: 1000vh;
|
||||
}
|
||||
.fs-table .ant-table-cell {
|
||||
padding: 0 4px;
|
||||
}
|
||||
.SingleDatePicker_picker {
|
||||
z-index: 10;
|
||||
}
|
||||
.ant-table-thead th {
|
||||
color: white !important;
|
||||
background-color: rgb(56, 55, 60) !important;
|
||||
}
|
||||
|
||||
.ant-table-thead th.antd-th-editable {
|
||||
color: white !important;
|
||||
background-color: white !important;
|
||||
}
|
||||
|
||||
.DateInput_input {
|
||||
padding: 4px 11px 4px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.list_task_subitem {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
column-gap: 10px;
|
||||
row-gap: 10px;
|
||||
flex: "10 1 100px";
|
||||
}
|
||||
|
||||
.ant-select-multiple .ant-select-selection-item-remove {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.ant-select-dropdown {
|
||||
z-index: 1150;
|
||||
}
|
||||
.ant-table-thead th.antd-white-table-cell {
|
||||
background-color: white !important;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 920px) {
|
||||
.list_task_subitem_container {
|
||||
flex-wrap: wrap;
|
||||
column-gap: 20px;
|
||||
row-gap: 20px;
|
||||
}
|
||||
}
|
||||
.ant-modal-wrap {
|
||||
z-index: 1150;
|
||||
}
|
||||
.ant-modal-mask {
|
||||
z-index: 1149;
|
||||
}
|
||||
.highcharts-data-table table {
|
||||
font-family: Verdana, sans-serif;
|
||||
border-collapse: collapse;
|
||||
border: 1px solid #ebebeb;
|
||||
margin: 10px auto;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
.ant-tooltip {
|
||||
z-index: 3000;
|
||||
}
|
||||
|
||||
.mobile-maxwidth_calc100vw-20rem {
|
||||
max-width: calc(100vw - 20rem);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 640px) {
|
||||
.mobile-maxwidth_calc100vw-20rem {
|
||||
max-width: none;
|
||||
}
|
||||
}
|
||||
|
||||
.ant-notification {
|
||||
z-index: 20000;
|
||||
}
|
||||
|
||||
.admin_panel_wrapper_bv {
|
||||
position: fixed;
|
||||
z-index: 1001;
|
||||
}
|
||||
|
||||
.anim_rotation {
|
||||
animation-duration: 0.5s;
|
||||
animation-name: anim_rotate;
|
||||
}
|
||||
|
||||
@keyframes anim_rotate {
|
||||
0% {
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
.ant-message {
|
||||
z-index: 30000;
|
||||
}
|
||||
36
live_monitor_vue/public/css/components/2_post.css
Normal file
36
live_monitor_vue/public/css/components/2_post.css
Normal file
@@ -0,0 +1,36 @@
|
||||
.post .post__tabs{
|
||||
border-color: transparent;
|
||||
}
|
||||
.dark .post .post__tabs{
|
||||
border-color: transparent;
|
||||
}
|
||||
.post .post__tabs .nav-item .nav-link{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(var(--color-slate-500) / var(--tw-text-opacity));
|
||||
}
|
||||
.post .post__tabs .nav-item .nav-link:hover:not(.disabled):not(.active):hover{
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(var(--color-slate-600) / var(--tw-text-opacity));
|
||||
}
|
||||
.dark .post .post__tabs .nav-item .nav-link:hover:not(.disabled):not(.active):hover{
|
||||
background-color: transparent;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(var(--color-slate-300) / var(--tw-text-opacity));
|
||||
}
|
||||
.post .post__tabs .nav-item .nav-link.active{
|
||||
border-color: transparent;
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(var(--color-primary) / var(--tw-text-opacity));
|
||||
}
|
||||
.dark .post .post__tabs .nav-item .nav-link.active{
|
||||
border-color: transparent;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(var(--color-darkmode-600) / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(255 255 255 / var(--tw-text-opacity));
|
||||
}
|
||||
4
live_monitor_vue/public/css/components/2_svg_btn.css
Normal file
4
live_monitor_vue/public/css/components/2_svg_btn.css
Normal file
@@ -0,0 +1,4 @@
|
||||
.svg_btn {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
284
live_monitor_vue/public/css/components/2_tabulator-table.css
Normal file
284
live_monitor_vue/public/css/components/2_tabulator-table.css
Normal file
@@ -0,0 +1,284 @@
|
||||
.tabulator {
|
||||
position: relative;
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
overflow: hidden;
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
||||
.tabulator .tabulator-header {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
color: rgb(54, 54, 51);
|
||||
font-weight: bold;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.tabulator-header-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tabulator .tabulator-header .tabulator-header-contents {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.tabulator .tabulator-header .tabulator-col {
|
||||
display: inline-flex;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
overflow: hidden;
|
||||
height: fit-content !important;
|
||||
margin-right: 3px;
|
||||
}
|
||||
/* .tabulator-col-resize-handle {
|
||||
height: fit-content !important;
|
||||
} */
|
||||
|
||||
.tabulator .tabulator-headers {
|
||||
}
|
||||
|
||||
.tabulator .tabulator-headers .tabulator-col-resize-handle {
|
||||
width: 3px;
|
||||
height: 25px !important;
|
||||
}
|
||||
|
||||
.tabulator .tabulator-tableholder {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.tabulator .tabulator-tableholder .tabulator-table {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
overflow: visible;
|
||||
color: #333;
|
||||
}
|
||||
.tabulator-row {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
min-height: 22px;
|
||||
background-color: rgb(var(--color-slate-50));
|
||||
width: calc(100% - 15px);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.tabulator-row:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.tabulator-row .tabulator-cell {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
vertical-align: middle;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.tabulator-cell:first-child {
|
||||
padding: 0 0.25rem;
|
||||
}
|
||||
|
||||
.tabulator-placeholder-contents {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tabulator .tabulator-col-resize-handle {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 6px;
|
||||
margin-left: -3px;
|
||||
margin-right: -3px;
|
||||
z-index: 10;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.tabulator
|
||||
.tabulator-header
|
||||
.tabulator-col
|
||||
.tabulator-col-content
|
||||
.tabulator-col-title-holder {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
}
|
||||
.tabulator-col-title {
|
||||
display: none;
|
||||
text-align: center;
|
||||
color: #7d7d7d;
|
||||
font-size: 14px;
|
||||
font-weight: 900;
|
||||
}
|
||||
/* .tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title { */
|
||||
/* padding-right: 25px; */
|
||||
/* } */
|
||||
/*
|
||||
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
vertical-align: bottom;
|
||||
text-align: center;
|
||||
} */
|
||||
|
||||
.tabulator
|
||||
.tabulator-header
|
||||
.tabulator-col.tabulator-sortable[aria-sort="none"]
|
||||
.tabulator-col-content
|
||||
.tabulator-col-sorter {
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
.tabulator
|
||||
.tabulator-header
|
||||
.tabulator-col
|
||||
.tabulator-col-content
|
||||
.tabulator-col-sorter {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
bottom: 0;
|
||||
right: 4px;
|
||||
}
|
||||
|
||||
.tabulator
|
||||
.tabulator-header
|
||||
.tabulator-col.tabulator-sortable[aria-sort="none"]
|
||||
.tabulator-col-content
|
||||
.tabulator-col-sorter
|
||||
.tabulator-arrow {
|
||||
border-top: none;
|
||||
border-bottom: 6px solid #bbb;
|
||||
}
|
||||
.tabulator
|
||||
.tabulator-header
|
||||
.tabulator-col
|
||||
.tabulator-col-content
|
||||
.tabulator-col-sorter
|
||||
.tabulator-arrow {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #bbb;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.tabulator-header-filter > input {
|
||||
padding: 0px 0.5rem !important;
|
||||
font-size: 10px;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.tabulator-header-filter {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.tabulator-header-filter > input {
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
border-bottom: 1px solid rgb(var(--color-slate-200));
|
||||
}
|
||||
.tabulator
|
||||
.tabulator-header
|
||||
.tabulator-col.tabulator-col-sorter-element[aria-sort="descending"]
|
||||
.tabulator-col-sorter
|
||||
.tabulator-arrow {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar {
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
border-radius: 100px;
|
||||
margin-top: 2px;
|
||||
background: rgb(115, 115, 121);
|
||||
}
|
||||
|
||||
.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box {
|
||||
width: 80%;
|
||||
cursor: grab;
|
||||
}
|
||||
|
||||
.tabulator-row .tabulator-cell.tabulator-frozen {
|
||||
display: inline-block;
|
||||
position: sticky;
|
||||
left: 0;
|
||||
background-color: inherit;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
|
||||
border-right: 2px solid #aaa;
|
||||
}
|
||||
|
||||
.tabulator-row.tabulator-moving{
|
||||
position:absolute;
|
||||
border-top:1px solid #aaa;
|
||||
border-bottom:1px solid #aaa;
|
||||
pointer-events:none;
|
||||
z-index:15;
|
||||
cursor: grabbing;
|
||||
}
|
||||
|
||||
.tabulator-row .tabulator-row-resize-handle{position:absolute;right:0;bottom:0;left:0;height:5px}
|
||||
|
||||
.tabulator-row .tabulator-row-resize-handle.prev{top:0;bottom:auto}
|
||||
|
||||
.tabulator-row .tabulator-row-resize-handle:hover{cursor:ns-resize}
|
||||
|
||||
.tabulator-row .tabulator-responsive-collapse{box-sizing:border-box;padding:5px;border-top:1px solid #aaa;border-bottom:1px solid #aaa}
|
||||
|
||||
.tabulator-row .tabulator-responsive-collapse:empty{display:none}
|
||||
|
||||
.tabulator-row .tabulator-responsive-collapse table{font-size:14px}
|
||||
|
||||
.tabulator-row .tabulator-responsive-collapse table tr td{position:relative}
|
||||
|
||||
.tabulator-row .tabulator-responsive-collapse table tr td:first-of-type{padding-right:10px}
|
||||
|
||||
.tabulator-row .tabulator-cell{display:inline-block;position:relative;box-sizing:border-box;padding:4px;border-right:1px solid #aaa;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
||||
|
||||
.tabulator-row .tabulator-cell.tabulator-frozen{display:inline-block;position:sticky;left:0;background-color:inherit;z-index:10}
|
||||
|
||||
.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left{border-right:2px solid #aaa}.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right{border-left:2px solid #aaa}
|
||||
|
||||
.tabulator-row .tabulator-cell.tabulator-editing{border:1px solid #1d68cd;outline:none;padding:0}
|
||||
|
||||
|
||||
.tabulator-row .tabulator-cell.tabulator-validation-fail{border:1px solid #d00}
|
||||
|
||||
|
||||
.tabulator-row .tabulator-cell.tabulator-row-handle {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
-moz-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-o-user-select: none;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=tabulator.min.css.map */
|
||||
38
live_monitor_vue/public/css/components/3_content.css
Normal file
38
live_monitor_vue/public/css/components/3_content.css
Normal file
@@ -0,0 +1,38 @@
|
||||
.content {
|
||||
padding: 0px 22px;
|
||||
border-radius: 1.3rem;
|
||||
min-height: 100vh;
|
||||
min-width: 0px;
|
||||
flex: 1 1 0%;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(var(--color-slate-200) / var(--tw-bg-opacity));
|
||||
padding-bottom: 2.5rem;
|
||||
padding-top: 0.5rem;
|
||||
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
||||
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
.dark .content{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(var(--color-darkmode-700) / var(--tw-bg-opacity));
|
||||
}
|
||||
@media (max-width: calc(768px - 1px)) {
|
||||
.content{
|
||||
max-width: 100%;
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
}
|
||||
@media (max-width: calc(350px)) {
|
||||
.content{
|
||||
max-width: 100%;
|
||||
padding-left: 0.25rem;
|
||||
padding-right: 0.25rem;
|
||||
}
|
||||
}
|
||||
.content:before {
|
||||
content: "";
|
||||
display: block;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
}
|
||||
3196
live_monitor_vue/public/css/components/3_menu.css
Normal file
3196
live_monitor_vue/public/css/components/3_menu.css
Normal file
File diff suppressed because it is too large
Load Diff
61
live_monitor_vue/public/css/components/3_phx_loader.css
Normal file
61
live_monitor_vue/public/css/components/3_phx_loader.css
Normal file
@@ -0,0 +1,61 @@
|
||||
.linear-loader.phx-click-loading,
|
||||
.linear-loader.phx-click-loading:before,
|
||||
.linear-loader.phx-click-loading:after {
|
||||
border-radius: 50%;
|
||||
width: 2.5em;
|
||||
height: 2.5em;
|
||||
-webkit-animation-fill-mode: both;
|
||||
animation-fill-mode: both;
|
||||
-webkit-animation: load7 1.8s infinite ease-in-out;
|
||||
animation: load7 1.8s infinite ease-in-out;
|
||||
}
|
||||
.linear-loader.phx-click-loading {
|
||||
color: #4F91F2;
|
||||
font-size: 6px;
|
||||
margin: -10px 20px 10px 0;
|
||||
position: relative;
|
||||
text-indent: -9999em;
|
||||
-webkit-transform: translateZ(0);
|
||||
-ms-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-webkit-animation-delay: -0.16s;
|
||||
animation-delay: -0.16s;
|
||||
}
|
||||
.linear-loader.phx-click-loading:before,
|
||||
.linear-loader.phx-click-loading:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
.linear-loader.phx-click-loading:before {
|
||||
left: -3.5em;
|
||||
-webkit-animation-delay: -0.32s;
|
||||
animation-delay: -0.32s;
|
||||
}
|
||||
.linear-loader.phx-click-loading:after {
|
||||
left: 3.5em;
|
||||
}
|
||||
@-webkit-keyframes load7 {
|
||||
0%,
|
||||
80%,
|
||||
100% {
|
||||
box-shadow: 0 2.5em 0 -1.3em;
|
||||
}
|
||||
40% {
|
||||
box-shadow: 0 2.5em 0 0;
|
||||
}
|
||||
}
|
||||
@keyframes load7 {
|
||||
0%,
|
||||
80%,
|
||||
100% {
|
||||
box-shadow: 0 2.5em 0 -1.3em;
|
||||
}
|
||||
40% {
|
||||
box-shadow: 0 2.5em 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
.border0 * {
|
||||
border: 0 !important;
|
||||
}
|
||||
33
live_monitor_vue/public/css/components/9_burger.css
Normal file
33
live_monitor_vue/public/css/components/9_burger.css
Normal file
@@ -0,0 +1,33 @@
|
||||
.burger_btn {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.burger_btn div {
|
||||
height: 2px;
|
||||
width: 25px;
|
||||
border-radius: 100px;
|
||||
background-color: rgb(var(--color-light) / 1);
|
||||
margin-bottom: 5px;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.burger_btn div:nth-child(3) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.burger_btn.active div:nth-child(1) {
|
||||
transform: rotate(45deg) translate(5px, 5px);
|
||||
}
|
||||
|
||||
.burger_btn.active div:nth-child(2) {
|
||||
transform: rotate(160deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.burger_btn.active div:nth-child(3) {
|
||||
transform: rotate(-45deg) translate(4px, -5px);
|
||||
}
|
||||
86
live_monitor_vue/public/css/components/9_dropdown.css
Normal file
86
live_monitor_vue/public/css/components/9_dropdown.css
Normal file
@@ -0,0 +1,86 @@
|
||||
|
||||
.dropdown .dropdown-menu {
|
||||
transform: translate3d(-10000px, 0px, 0px) !important;
|
||||
}
|
||||
.dropdown-menu {
|
||||
z-index: 9999;
|
||||
inset: 0px auto auto 0px;
|
||||
transition: visibility 0s ease-in-out 0.2s, opacity 0.2s 0s;
|
||||
visibility: hidden;
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
}
|
||||
.dropdown-menu.show {
|
||||
transition: visibility 0s ease-in-out 0s, opacity 0.2s 0s;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
.dropdown-menu.show > .dropdown-content{
|
||||
margin-top: 0.25rem;
|
||||
}
|
||||
.dropdown-menu.show > .dropdown-content .tab-content .tab-pane{
|
||||
visibility: visible;
|
||||
}
|
||||
.dropdown-menu .dropdown-content {
|
||||
transition: margin-top 0.2s;
|
||||
box-shadow: 0px 3px 10px #00000017;
|
||||
position: relative;
|
||||
margin-top: 1.25rem;
|
||||
width: 100%;
|
||||
border-radius: 0.375rem;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
.dropdown-menu .dropdown-content .dropdown-header{
|
||||
padding: 0.5rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
.dropdown-menu .dropdown-content .dropdown-divider{
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
margin-left: -0.5rem;
|
||||
margin-right: -0.5rem;
|
||||
}
|
||||
.dropdown-menu .dropdown-content .dropdown-item{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-radius: 0.375rem;
|
||||
padding: 0.5rem;
|
||||
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
||||
transition-duration: 300ms;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.dropdown-menu .dropdown-content .dropdown-footer{
|
||||
display: flex;
|
||||
padding: 0.25rem;
|
||||
}
|
||||
.dropdown-menu .dropdown-content .tab-content .tab-pane{
|
||||
visibility: hidden;
|
||||
}
|
||||
.dropdown-content{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
||||
}
|
||||
.dark .dropdown-content{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(var(--color-darkmode-600) / var(--tw-bg-opacity));
|
||||
}
|
||||
.dropdown-divider{
|
||||
border-color: rgb(var(--color-slate-200) / 0.6);
|
||||
}
|
||||
.dark .dropdown-divider{
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(var(--color-darkmode-400) / var(--tw-border-opacity));
|
||||
}
|
||||
.dropdown-item:hover{
|
||||
background-color: rgb(var(--color-slate-200) / 0.6);
|
||||
}
|
||||
.dark .dropdown-item{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(var(--color-darkmode-600) / var(--tw-bg-opacity));
|
||||
}
|
||||
.dark .dropdown-item:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(var(--color-darkmode-400) / var(--tw-bg-opacity));
|
||||
}
|
||||
193
live_monitor_vue/public/css/error_page.css
Normal file
193
live_monitor_vue/public/css/error_page.css
Normal file
@@ -0,0 +1,193 @@
|
||||
body.error_wrapper {
|
||||
overflow: hidden;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
body.error_wrapper .to_main {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
left: 70px;
|
||||
font-weight: 800;
|
||||
font-size: 22px;
|
||||
color: rgb(94, 94, 255);
|
||||
}
|
||||
|
||||
.main.error_page {
|
||||
transform: translate(0, 45%);
|
||||
}
|
||||
|
||||
.st0 {
|
||||
fill: #fff;
|
||||
}
|
||||
.st2 {
|
||||
fill: #5d89af;
|
||||
}
|
||||
.st3 {
|
||||
fill: #709abf;
|
||||
}
|
||||
.st4,
|
||||
.st6 {
|
||||
fill: #fff;
|
||||
stroke: #b3dcdf;
|
||||
stroke-miterlimit: 10;
|
||||
}
|
||||
.st6 {
|
||||
stroke: #5d89af;
|
||||
stroke-width: 2;
|
||||
}
|
||||
.st7,
|
||||
.st8,
|
||||
.st9 {
|
||||
stroke: #709abf;
|
||||
stroke-miterlimit: 10;
|
||||
}
|
||||
|
||||
.st7 {
|
||||
stroke-width: 5;
|
||||
stroke-linecap: round;
|
||||
fill: none;
|
||||
}
|
||||
.st8,
|
||||
.st9 {
|
||||
fill: #fff;
|
||||
}
|
||||
.st9 {
|
||||
fill: none;
|
||||
}
|
||||
.st10 {
|
||||
}
|
||||
|
||||
#cloud1 {
|
||||
animation: cloud003 15s linear infinite;
|
||||
}
|
||||
|
||||
#cloud2 {
|
||||
animation: cloud002 25s linear infinite;
|
||||
}
|
||||
|
||||
#cloud3 {
|
||||
animation: cloud003 20s linear infinite;
|
||||
}
|
||||
|
||||
#cloud4 {
|
||||
animation: float 4s linear infinite;
|
||||
}
|
||||
|
||||
#cloud5 {
|
||||
animation: float 8s linear infinite;
|
||||
}
|
||||
|
||||
#cloud7 {
|
||||
animation: float 5s linear infinite;
|
||||
}
|
||||
|
||||
#tracks {
|
||||
animation: slide 650ms linear infinite;
|
||||
}
|
||||
|
||||
#bumps {
|
||||
animation: land 10000ms linear infinite;
|
||||
}
|
||||
|
||||
@keyframes jig {
|
||||
0% {
|
||||
transform: translateY(0px);
|
||||
}
|
||||
50% {
|
||||
transform: translateY(1px);
|
||||
}
|
||||
100% {
|
||||
transform: translateY(0px);
|
||||
}
|
||||
}
|
||||
|
||||
#car-layers {
|
||||
animation: jig 0.35s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes land {
|
||||
from {
|
||||
transform: translateX(0);
|
||||
}
|
||||
to {
|
||||
transform: translateX(1000px);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes slide {
|
||||
from {
|
||||
transform: translateX(0px);
|
||||
}
|
||||
to {
|
||||
transform: translateX(100px);
|
||||
}
|
||||
}
|
||||
|
||||
/* @keyframes cloudFloat {
|
||||
0% { transform: translateX(0) translateY(3px); }
|
||||
100% { transform: translateX(1000px) translateY(0); }
|
||||
} */
|
||||
|
||||
@keyframes cloud001 {
|
||||
0% {
|
||||
transform: translateX(-1000px) translateY(3px);
|
||||
}
|
||||
100% {
|
||||
transform: translateX(1000px) translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes cloud002 {
|
||||
0% {
|
||||
transform: translateX(-1000px) translateY(3px);
|
||||
}
|
||||
100% {
|
||||
transform: translateX(1000px) translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes cloud003 {
|
||||
0% {
|
||||
transform: translateX(-1000px) translateY(3px);
|
||||
}
|
||||
100% {
|
||||
transform: translateX(1000px) translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes float {
|
||||
0% {
|
||||
transform: translateY(0px) translateX(0);
|
||||
}
|
||||
50% {
|
||||
transform: translateY(8px) translateX(5px);
|
||||
}
|
||||
100% {
|
||||
transform: translateY(0px) translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
#bracefront,
|
||||
#braceback {
|
||||
animation: braces 1s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes braces {
|
||||
0% {
|
||||
transform: translateX(-2px);
|
||||
}
|
||||
25% {
|
||||
transform: translateX(3px);
|
||||
}
|
||||
50% {
|
||||
transform: translateX(-2px);
|
||||
}
|
||||
75% {
|
||||
transform: translateX(3px);
|
||||
}
|
||||
100% {
|
||||
transform: translateX(-2px);
|
||||
}
|
||||
}
|
||||
4
live_monitor_vue/public/css/fonts.css
Normal file
4
live_monitor_vue/public/css/fonts.css
Normal file
@@ -0,0 +1,4 @@
|
||||
@font-face {
|
||||
font-family: "Tangerine";
|
||||
src: url("../fonts/Tangerine.woff");
|
||||
}
|
||||
161
live_monitor_vue/public/css/media.css
Normal file
161
live_monitor_vue/public/css/media.css
Normal file
@@ -0,0 +1,161 @@
|
||||
.my-width-80 {
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
.hide-800 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.width-50-800 {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
div.hide-800 {
|
||||
display: none;
|
||||
}
|
||||
.max-width-800 {
|
||||
max-width: calc(100vw - 5rem);
|
||||
}
|
||||
.mt-0-800 {
|
||||
margin-top: 0px !important;
|
||||
}
|
||||
.gap-1-800 {
|
||||
gap: 0.5rem !important;
|
||||
}
|
||||
.py-1-800 {
|
||||
padding-top: 0.25rem !important;
|
||||
padding-bottom: 0.25rem !important;
|
||||
}
|
||||
.px-1-800 {
|
||||
padding-left: 0.25rem !important;
|
||||
padding-right: 0.25rem !important;
|
||||
}
|
||||
.pt-1-800 {
|
||||
padding-top: 0.25rem !important;
|
||||
}
|
||||
.pt-2-800 {
|
||||
padding-top: 0.5rem !important;
|
||||
}
|
||||
.pt-3-800 {
|
||||
padding-top: 0.75rem !important;
|
||||
}
|
||||
.pt-4-800 {
|
||||
padding-top: 1rem !important;
|
||||
}
|
||||
.pl-0-800 {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
.overflow-y-auto-800 {
|
||||
overflow-y: auto;
|
||||
}
|
||||
.height-c-100vh-70px-800 {
|
||||
height: calc(100vh - 70px) !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 600px) {
|
||||
.hide-over-600 {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 500px) {
|
||||
.max-width-800 {
|
||||
max-width: calc(100vw - 1rem);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 380px) {
|
||||
.max-width-800 {
|
||||
max-width: calc(100vw - 2px);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.hide-600 {
|
||||
display: none !important;
|
||||
}
|
||||
.gap-1-600 {
|
||||
gap: 0.25rem !important;
|
||||
}
|
||||
.gap-2-600 {
|
||||
gap: 0.5rem !important;
|
||||
}
|
||||
.gap-3-600 {
|
||||
gap: 0.75rem !important;
|
||||
}
|
||||
|
||||
.max-height-100vh-600 {
|
||||
max-height: 100vh !important;
|
||||
}
|
||||
.mt-0-600 {
|
||||
margin-top: 0px !important;
|
||||
}
|
||||
.mr-0-600 {
|
||||
margin-right: 0px !important;
|
||||
}
|
||||
.height-minus53px-600 {
|
||||
height: calc(100vh - 53px) !important;
|
||||
}
|
||||
|
||||
.border-l-600 {
|
||||
border-left: 1px solid #dadee6;
|
||||
}
|
||||
.border-x-600 {
|
||||
border-left: 1px solid #dadee6;
|
||||
border-right: 1px solid #dadee6;
|
||||
}
|
||||
.border-r-600 {
|
||||
border-right: 1px solid #dadee6;
|
||||
}
|
||||
.py-4-600 {
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
.py-5-600 {
|
||||
padding-left: 1.25rem;
|
||||
padding-right: 1.25rem;
|
||||
}
|
||||
.pr-4-600 {
|
||||
padding-right: 1rem;
|
||||
}
|
||||
.pr-3-600 {
|
||||
padding-right: 0.75rem;
|
||||
}
|
||||
.pr-2-600 {
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
.pl-4-600 {
|
||||
padding-left: 1rem;
|
||||
}
|
||||
.pl-3-600 {
|
||||
padding-left: 0.75rem;
|
||||
}
|
||||
.pl-2-600 {
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
.pt-4-600 {
|
||||
padding-top: 1rem !important;
|
||||
}
|
||||
.px-4-600 {
|
||||
padding-left: 1rem !important;
|
||||
padding-right: 1rem !important;
|
||||
}
|
||||
.px-1-600 {
|
||||
padding-left: 0.25rem !important;
|
||||
padding-right: 0.25rem !important;
|
||||
}
|
||||
.py-1-600 {
|
||||
padding-top: 0.25rem !important;
|
||||
padding-bottom: 0.5rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1000px) {
|
||||
.controll-1000 {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 200%;
|
||||
}
|
||||
}
|
||||
38
live_monitor_vue/public/css/menu.css
Normal file
38
live_monitor_vue/public/css/menu.css
Normal file
@@ -0,0 +1,38 @@
|
||||
.menu-triangl-active {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.menu-triangl {
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.main-menu {
|
||||
width: 250px;
|
||||
z-index: 1101;
|
||||
max-height: 100vh;
|
||||
top: 40px;
|
||||
}
|
||||
.container-block::-webkit-scrollbar-thumb {
|
||||
border: 5px solid transparent;
|
||||
border-radius: 100px;
|
||||
background-color: #8070d4;
|
||||
background-clip: content-box;
|
||||
}
|
||||
.container-block::-webkit-scrollbar {
|
||||
width: 12px;
|
||||
}
|
||||
|
||||
.container-block::-webkit-scrollbar-track {
|
||||
background: #ddd;
|
||||
}
|
||||
|
||||
.transform_8 {
|
||||
transform: translate(0, -8px);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.main-menu {
|
||||
top: 45px;
|
||||
}
|
||||
}
|
||||
2539
live_monitor_vue/public/css/remixicons.css
Normal file
2539
live_monitor_vue/public/css/remixicons.css
Normal file
File diff suppressed because it is too large
Load Diff
BIN
live_monitor_vue/public/css/remixicons/remixicon.eot
Normal file
BIN
live_monitor_vue/public/css/remixicons/remixicon.eot
Normal file
Binary file not shown.
File diff suppressed because one or more lines are too long
2585
live_monitor_vue/public/css/remixicons/remixicon.less
Normal file
2585
live_monitor_vue/public/css/remixicons/remixicon.less
Normal file
File diff suppressed because it is too large
Load Diff
2567
live_monitor_vue/public/css/remixicons/remixicon.module.less
Normal file
2567
live_monitor_vue/public/css/remixicons/remixicon.module.less
Normal file
File diff suppressed because it is too large
Load Diff
5103
live_monitor_vue/public/css/remixicons/remixicon.scss
Normal file
5103
live_monitor_vue/public/css/remixicons/remixicon.scss
Normal file
File diff suppressed because it is too large
Load Diff
2554
live_monitor_vue/public/css/remixicons/remixicon.styl
Normal file
2554
live_monitor_vue/public/css/remixicons/remixicon.styl
Normal file
File diff suppressed because it is too large
Load Diff
7633
live_monitor_vue/public/css/remixicons/remixicon.svg
Normal file
7633
live_monitor_vue/public/css/remixicons/remixicon.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 2.1 MiB |
11
live_monitor_vue/public/css/remixicons/remixicon.symbol.svg
Normal file
11
live_monitor_vue/public/css/remixicons/remixicon.symbol.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 1.3 MiB |
BIN
live_monitor_vue/public/css/remixicons/remixicon.ttf
Normal file
BIN
live_monitor_vue/public/css/remixicons/remixicon.ttf
Normal file
Binary file not shown.
BIN
live_monitor_vue/public/css/remixicons/remixicon.woff
Normal file
BIN
live_monitor_vue/public/css/remixicons/remixicon.woff
Normal file
Binary file not shown.
BIN
live_monitor_vue/public/css/remixicons/remixicon.woff2
Normal file
BIN
live_monitor_vue/public/css/remixicons/remixicon.woff2
Normal file
Binary file not shown.
17913
live_monitor_vue/public/css/remixicons/symbol.html
Normal file
17913
live_monitor_vue/public/css/remixicons/symbol.html
Normal file
File diff suppressed because it is too large
Load Diff
175
live_monitor_vue/public/css/remixicons/unicode.html
Normal file
175
live_monitor_vue/public/css/remixicons/unicode.html
Normal file
File diff suppressed because one or more lines are too long
BIN
live_monitor_vue/public/favicon.ico
Normal file
BIN
live_monitor_vue/public/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 108 KiB |
BIN
live_monitor_vue/public/fonts/Tangerine.woff
Normal file
BIN
live_monitor_vue/public/fonts/Tangerine.woff
Normal file
Binary file not shown.
1
live_monitor_vue/public/images/arrow-go-back-line.svg
Normal file
1
live_monitor_vue/public/images/arrow-go-back-line.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5.82843 6.99955L8.36396 9.53509L6.94975 10.9493L2 5.99955L6.94975 1.0498L8.36396 2.46402L5.82843 4.99955H13C17.4183 4.99955 21 8.58127 21 12.9996C21 17.4178 17.4183 20.9996 13 20.9996H4V18.9996H13C16.3137 18.9996 19 16.3133 19 12.9996C19 9.68584 16.3137 6.99955 13 6.99955H5.82843Z"></path></svg>
|
||||
|
After Width: | Height: | Size: 366 B |
3
live_monitor_vue/public/images/bg-main-dark.svg
Normal file
3
live_monitor_vue/public/images/bg-main-dark.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1920.004" height="1193.001" viewBox="0 0 1920.004 1193.001">
|
||||
<path id="Intersection_13" data-name="Intersection 13" d="M1183.231,1554.011,2050,361.011h346.311V1440.1l-82.762,113.912Zm-706.924-1193H918.725L476.308,969.945Z" transform="translate(-476.307 -361.011)" fill="rgba(0,0,0,0.06)"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 346 B |
3
live_monitor_vue/public/images/bg-main.svg
Normal file
3
live_monitor_vue/public/images/bg-main.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1920.004" height="1193.001" viewBox="0 0 1920.004 1193.001">
|
||||
<path id="Intersection_13" data-name="Intersection 13" d="M1183.231,1554.011,2050,361.011h346.311V1440.1l-82.762,113.912Zm-706.924-1193H918.725L476.308,969.945Z" transform="translate(-476.307 -361.011)" fill="rgba(255,255,255,0.02)"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 352 B |
1
live_monitor_vue/public/images/charts-download.svg
Normal file
1
live_monitor_vue/public/images/charts-download.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg>
|
||||
|
After Width: | Height: | Size: 346 B |
1
live_monitor_vue/public/images/charts-menu.svg
Normal file
1
live_monitor_vue/public/images/charts-menu.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu"><line x1="4" x2="20" y1="12" y2="12"/><line x1="4" x2="20" y1="6" y2="6"/><line x1="4" x2="20" y1="18" y2="18"/></svg>
|
||||
|
After Width: | Height: | Size: 326 B |
1
live_monitor_vue/public/images/charts-more-vertical.svg
Normal file
1
live_monitor_vue/public/images/charts-more-vertical.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-more-vertical"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg>
|
||||
|
After Width: | Height: | Size: 315 B |
9
live_monitor_vue/public/images/codesandbox.svg
Normal file
9
live_monitor_vue/public/images/codesandbox.svg
Normal file
@@ -0,0 +1,9 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path>
|
||||
<polyline points="7.5 4.21 12 6.81 16.5 4.21"></polyline>
|
||||
<polyline points="7.5 19.79 7.5 14.6 3 12"></polyline>
|
||||
<polyline points="21 12 16.5 14.6 16.5 19.79"></polyline>
|
||||
<polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline>
|
||||
<line x1="12" y1="22.08" x2="12" y2="12"></line>
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 622 B |
BIN
live_monitor_vue/public/images/favicon-white.ico
Normal file
BIN
live_monitor_vue/public/images/favicon-white.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 108 KiB |
159
live_monitor_vue/public/images/illustration.svg
Normal file
159
live_monitor_vue/public/images/illustration.svg
Normal file
@@ -0,0 +1,159 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="330.653" height="229.984" viewBox="0 0 330.653 229.984">
|
||||
<defs>
|
||||
<linearGradient id="linear-gradient" x1="0.5" y1="1" x2="0.5" gradientUnits="objectBoundingBox">
|
||||
<stop offset="0" stop-color="gray" stop-opacity="0.251"/>
|
||||
<stop offset="0.54" stop-color="gray" stop-opacity="0.122"/>
|
||||
<stop offset="1" stop-color="gray" stop-opacity="0.102"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g id="Group_1" data-name="Group 1" transform="translate(-420 -259)">
|
||||
<circle id="Ellipse_37" data-name="Ellipse 37" cx="3.972" cy="3.972" r="3.972" transform="translate(722.377 259)" fill="#f1f5f9" opacity="0.1"/>
|
||||
<ellipse id="Ellipse_38" data-name="Ellipse 38" cx="27.882" cy="2.78" rx="27.882" ry="2.78" transform="translate(620.471 483.424)" fill="#6c63ff" opacity="0.1"/>
|
||||
<path id="Path_65" data-name="Path 65" d="M136.394,487.31l-.122,6.6-.98,53.523L126.9,567.077l-28.9.331V490.352l30.166-2.39Z" transform="translate(354.436 -100.91)" fill="#5f5d7e"/>
|
||||
<path id="Path_66" data-name="Path 66" d="M136.394,487.31l-.122,6.6-.98,53.523L126.9,567.077l-28.9.331V490.352l30.166-2.39Z" transform="translate(354.436 -100.91)" fill="#334155"/>
|
||||
<path id="Path_67" data-name="Path 67" d="M194.819,487.31l-.122,6.6-.98,53.523-8.387,19.641,2.208-73.038-.007-.046-.94-6.031Z" transform="translate(296.011 -100.91)" fill="#475569"/>
|
||||
<path id="Path_68" data-name="Path 68" d="M128.166,487.962l8.228-.652-.122,6.6-7.166.079L98,494.34v-3.988Z" transform="translate(354.436 -100.91)" opacity="0.1"/>
|
||||
<path id="Path_69" data-name="Path 69" d="M930.981,487.562v76.613h-6.729L897.33,544.538V485.4l24.053-2.261,1.476.679,1.393.642Z" transform="translate(-180.328 -98.121)" fill="#475569"/>
|
||||
<rect id="Rectangle_55" data-name="Rectangle 55" width="6.729" height="80.356" transform="translate(743.924 385.698)" fill="#334155"/>
|
||||
<path id="Path_70" data-name="Path 70" d="M930.981,483.819v4.4l-6.729.076-26.922.3v-3.2l24.053-2.261,1.476.679,1.393.642v-.642Z" transform="translate(-180.328 -98.121)" opacity="0.1"/>
|
||||
<path id="Path_71" data-name="Path 71" d="M330.653,464.929v6.242L0,474.858v-7.944l31.113-6.289,270.745-1.986Z" transform="translate(420 -81.73)" fill="#475569"/>
|
||||
<path id="Path_72" data-name="Path 72" d="M330.653,477.64v6.242L0,487.57v-7.944Z" transform="translate(420 -94.441)" fill="#334155"/>
|
||||
<rect id="Rectangle_56" data-name="Rectangle 56" width="115.818" height="89.925" rx="22.82" transform="translate(540.975 289.64)" fill="#475569"/>
|
||||
<rect id="Rectangle_57" data-name="Rectangle 57" width="97.349" height="73.356" rx="7" transform="translate(550.295 297.752)" fill="#f1f5f9"/>
|
||||
<circle id="Ellipse_39" data-name="Ellipse 39" cx="1.595" cy="1.595" r="1.595" transform="translate(544.9 332.833)" fill="#e6e8ec"/>
|
||||
<circle id="Ellipse_40" data-name="Ellipse 40" cx="2.631" cy="2.631" r="2.631" transform="translate(649.326 331.969)" fill="#e6e8ec"/>
|
||||
<path id="Path_73" data-name="Path 73" d="M620.934,349.638l-12.448-7.566a1.7,1.7,0,0,0-2.525,1.483V358.27a1.7,1.7,0,0,0,2.525,1.483l12.448-7.143a1.7,1.7,0,0,0,0-2.972Zm9.36,1.274a17.542,17.542,0,1,0-17.542,17.542,17.542,17.542,0,0,0,17.542-17.542Zm-31.688,0a14.146,14.146,0,1,1,14.146,14.146,14.146,14.146,0,0,1-14.146-14.146Z" transform="translate(-11.469 -14.925)" fill="#475469"/>
|
||||
<path id="Path_74" data-name="Path 74" d="M736.127,405.782a4.14,4.14,0,0,0-.374-1.165c.251-.857.414-1.384.414-1.384a1.93,1.93,0,0,0-.04-.331,5.081,5.081,0,0,0-5.147-4.263c-1.986.036-5.753.169-9.93.639.238-1.671.523-3.671.821-5.729l.546.06a2.6,2.6,0,0,1,.391.02h.175a1.8,1.8,0,0,0,1.211-.371.715.715,0,0,0-.222-1.172A2.952,2.952,0,0,0,726.565,391a2.317,2.317,0,0,0,0-2.694c-.7-.993-2.178-1.655-2.257-2.823a3.449,3.449,0,0,1,.748-1.844,7.7,7.7,0,0,0-1.215-9.251,18.1,18.1,0,0,0-1.47-1.307c-.728-2.674-1.489-5.064-1.714-5.14a5.783,5.783,0,0,1-1.268-1.264,6.084,6.084,0,0,0-.023-1.367c-.351-2.317-2.648-3.972-3.912-6.017a10.388,10.388,0,0,1-1.168-6.894,49.319,49.319,0,0,1,1.807-6.9,8.782,8.782,0,0,0,.354-5.187,9.428,9.428,0,0,0-2.135-3.217,24.318,24.318,0,0,0-7.586-5.958,15.076,15.076,0,0,0-6.716-1.436h-.023l-.364.02-.258.017-.258.026-.275.026h0c-.281.036-.559.079-.837.136a28.9,28.9,0,0,0-6.14-.688h-.268a3.144,3.144,0,0,0-1.754.414c-.735.513-.828,1.433-1.049,2.234a6.2,6.2,0,0,1-2.383,3.31c-.791.569-1.721.993-2.476,1.589a2.522,2.522,0,0,0-1.142,2.37,2.586,2.586,0,0,0,1.655,1.622c-.1.119-.2.235-.288.357.156.063.331.119.473.165.993.3,2.062.331,3.068.6a6.725,6.725,0,0,1,.814.275,11.624,11.624,0,0,0-1.36,5.468,11.78,11.78,0,0,0,6.163,10.333v.331c.1,3.455-.159,7.659-1.926,8.371s-3.459,1.516-4.5,2.036l-.331.175c-.275-.126-.549-.258-.818-.4,0,0-1.407-.166-1.162.907,0,0-4.253-.662-6.587,1.155a60.664,60.664,0,0,0-6.914,6.6c-.751.99-6.56,3.154-6.56,3.154a7.448,7.448,0,0,0,1.039-5.693s-.874-3.78-.457-5.3,1.5-7.143,1.5-7.143.152-5.938-3.088-8.662-5.494-4.965-4.243-2.317a36.912,36.912,0,0,0,1.834,3.545s-7.748,1.84-5,4.713,3.5,2.876,3.5,2.876-.917,7.093-1.086,8.414-1.655,11.383-1.655,11.383-.083,4.786.751,5.527a3.765,3.765,0,0,0,4,2.979s6.58-.166,8.414-.907,8.162-4.7,8.831-4.455a.38.38,0,0,1,.129.086.943.943,0,0,1,.1.1c-.662,1.466-2.231,6.444-1.562,8.89,0,0-.583,6.927,2.916,9.155,0,0,5.081,8.579,3.164,13.2-.152.374-.288.718-.414,1.053-2.909-2.413-7.348-4.634-14.126-5.862-.692-.126-1.38-.278-2.062-.444-1.926-.467-7.225-.894-9.747,7.484a36.849,36.849,0,0,1-2.237,5.667,18.709,18.709,0,0,0-2.118,7.745c-.056,4,2.012,7.973,9.519,9.43a28.567,28.567,0,0,0,1.443,9.079c2.082,5.2,5.415,13.61,5.415,13.61s4,8.579,4.25,12.041a55.272,55.272,0,0,1,.235,7.282,3.231,3.231,0,0,1-.033.364,8.769,8.769,0,0,1-1.119,1.016c-.583.331-2.5,2.393-2.5,2.886a8.82,8.82,0,0,0,.126,1.41,3.474,3.474,0,0,0-1.4,2.515c0,4.475,12.7,8.1,28.365,8.1s28.362-3.641,28.362-8.1c0-4.084-10.592-7.46-24.354-8.016,2.87-1.145,5.418-2.347,6.474-3.31a1.549,1.549,0,0,0,.5-.682L705.5,473.78s-.208.046-.516.136l-.185-.278c-1.185-1.8-3.465-5.4-3.465-6.375,0-.361-.6-2.668-1.476-5.829V451.289c8.692,1.324,19.892-.477,19.892-.477l.05-.026h.218v-.119c1.506-.834,9.039-5.246,11.273-11.1.662-1.708-.162-4.154-1.8-6.769,1.145-2.843,3.972-10.188,3.69-13.117,0-.156-.02-.331-.02-.5a8.635,8.635,0,0,0,.033-.9c.331-4.3,2.979-12.164,2.979-12.164S736.16,405.981,736.127,405.782ZM679.86,386.665c.6,1.059,1.248,2.413,1.5,2.962h0s-.88-1.622-1.486-2.962Zm.629,92.709-.063.023v-.331a19.7,19.7,0,0,1,.063-2.588,3.032,3.032,0,0,0-.285-1.344,31.773,31.773,0,0,1-2.029-7.987,40.057,40.057,0,0,1-.434-6.835,121.041,121.041,0,0,0,.149-15.113l5.124,1.152,5.958,12.147s3.833,5.931,5.021,10.611V473.8a11.453,11.453,0,0,1-1.791,3.886c-.791,1.082-1.562,2.178-2.277,3.31-.218.351-.46.712-.7,1.049-.079,0-3.995.228-4.66.963a4.449,4.449,0,0,0-1.245,1.887l-.169.026a39.5,39.5,0,0,0-2.645-5.544Z" transform="translate(-50.055 -12.157)" fill="url(#linear-gradient)"/>
|
||||
<path id="Path_75" data-name="Path 75" d="M775.915,767.873l-1.324,4.3-5.627,4.882-8.275,2.376s-3.889-2.128-2.565-2.542a3.266,3.266,0,0,0,1.248-1.086c-.463,1.688,3.22-.487,3.22-.487s9.516-6.785,10.509-7.53a7.484,7.484,0,0,1,2.118-.97C775.634,767.465,775.915,767.873,775.915,767.873Z" transform="translate(-120.277 -304.91)" opacity="0.1"/>
|
||||
<path id="Path_76" data-name="Path 76" d="M757.738,692.923l-1.324,4.3-5.627,4.882-8.275,2.376s-3.889-2.128-2.565-2.542a3.264,3.264,0,0,0,1.248-1.086,16.531,16.531,0,0,0,1.1-1.6c.708-1.139,1.476-2.237,2.261-3.31a11.912,11.912,0,0,0,2.089-5.5c.579-4.551-5.3-13.736-5.3-13.736L730.68,654.79l14.894,1.82s8.026,27.555,8.026,28.878c0,.993,2.264,4.584,3.442,6.4C757.457,692.516,757.738,692.923,757.738,692.923Z" transform="translate(-102.1 -229.96)" fill="#f8d4d4"/>
|
||||
<ellipse id="Ellipse_41" data-name="Ellipse 41" cx="28.173" cy="8.126" rx="28.173" ry="8.126" transform="translate(619.203 472.187)" fill="#1e293b"/>
|
||||
<path id="Path_77" data-name="Path 77" d="M770.57,773.456a1.589,1.589,0,0,1-.5.685c-2.045,1.877-9.7,4.667-14.421,6.183a33.427,33.427,0,0,1-3.783,1.076,11.216,11.216,0,0,1-5.213-1.678c-1.655-1.016-.165-2.459.5-3.2s4.634-.966,4.634-.966c-1.9,3.167,2.81.387,2.81.387s9.516-6.785,10.509-7.53a9.136,9.136,0,0,1,2.813-1.158Z" transform="translate(-112.285 -305.197)" fill="#fff"/>
|
||||
<path id="Path_79" data-name="Path 79" d="M789.781,788.09c-2.045,1.877-9.694,4.667-14.421,6.183C779.643,790.645,786.825,788.749,789.781,788.09Z" transform="translate(-131.992 -319.14)" opacity="0.1"/>
|
||||
<ellipse id="Ellipse_42" data-name="Ellipse 42" cx="5.637" cy="1.625" rx="5.637" ry="1.625" transform="translate(641.74 476.07)" opacity="0.1"/>
|
||||
<rect id="Rectangle_58" data-name="Rectangle 58" width="5.792" height="42.862" transform="translate(644.242 434.833)" fill="#1e293b"/>
|
||||
<path id="Path_80" data-name="Path 80" d="M783.792,687.128v4.965A40.74,40.74,0,0,1,778,689.045V685h1.208Z" transform="translate(-133.758 -250.171)" opacity="0.1"/>
|
||||
<path id="Path_81" data-name="Path 81" d="M754.27,610.208s19.124-4.922,23.884-8.606,23.45,13.65,20.981,20.19-11.459,11.277-11.459,11.277-24.86,4.045-29.094-4.392S754.27,610.208,754.27,610.208Z" transform="translate(-117.882 -194.037)" fill="#94a3b8"/>
|
||||
<path id="Path_82" data-name="Path 82" d="M754.27,610.208s19.124-4.922,23.884-8.606,23.45,13.65,20.981,20.19-11.459,11.277-11.459,11.277-24.86,4.045-29.094-4.392S754.27,610.208,754.27,610.208Z" transform="translate(-117.882 -194.037)" fill="#94a3b8" opacity="0.445"/>
|
||||
<path id="Path_83" data-name="Path 83" d="M749.27,604.208s19.124-4.922,23.884-8.606,23.45,13.65,20.981,20.19-11.459,11.277-11.459,11.277-24.86,4.045-29.094-4.392S749.27,604.208,749.27,604.208Z" transform="translate(-114.537 -190.023)" fill="#334155"/>
|
||||
<path id="Path_84" data-name="Path 84" d="M673.421,423.313l-2.069-.751a7.524,7.524,0,0,0,1.036-5.709s-.87-3.793-.457-5.329,1.489-7.166,1.489-7.166.152-5.958-3.068-8.688-5.455-4.965-4.213-2.317a36.851,36.851,0,0,0,1.82,3.558s-7.7,1.844-4.965,4.73,3.475,2.883,3.475,2.883-.91,7.116-1.076,8.44-1.655,11.419-1.655,11.419-.083,4.8.745,5.544a3.744,3.744,0,0,0,3.972,2.979C669.046,432.9,676.069,425.134,673.421,423.313Z" transform="translate(-56.426 -54.261)" fill="#f8d4d4"/>
|
||||
<path id="Path_85" data-name="Path 85" d="M784.127,413.249v4.634l-4.8,1.566-8.175,6.017-2.168,1.6-9.681-3.889-6.123-6.454s.3-.162.814-.43l.331-.175c1.036-.52,2.668-1.324,4.472-2.042s2.016-4.928,1.913-8.4v-.331c-.083-2.433-.331-4.422-.331-4.422s1.009-.192,2.479-.41c4.074-.606,11.677-1.423,11.009,1.072a5.752,5.752,0,0,0,0,2.578c.02.093.04.189.063.281a21.835,21.835,0,0,0,2.82,6.16l6.62,2.383.185.066Z" transform="translate(-117.153 -59.421)" fill="#f8d4d4"/>
|
||||
<path id="Path_86" data-name="Path 86" d="M838.485,441.541v-1.407a4.636,4.636,0,0,1,1.572,0c.579.166,1.678,1.9,2.175,2.069s3.535,11.5,3.2,12.495-3.459,23.411-3.459,23.411l-6.3,6.951-1.241-19.114,4.055-11.336Z" transform="translate(-171.511 -86.307)" fill="#f8d4d4"/>
|
||||
<path id="Path_87" data-name="Path 87" d="M737.631,601.77s-5.762,1.241-5.031,3.062,3.955,1.9,3.955,1.9Z" transform="translate(-103.342 -194.489)" fill="#fdc2cc"/>
|
||||
<path id="Path_88" data-name="Path 88" d="M710.965,463.909l-4.385,9.45-5.213,3.806-.91-5.882s-1.761-3.889-2.519-4.548a.379.379,0,0,0-.129-.086c-.662-.248-6.951,3.724-8.771,4.468s-8.357.91-8.357.91l2.9-10.343s5.792-2.151,6.537-3.144a60.232,60.232,0,0,1,6.868-6.62c2.317-1.82,6.544-1.158,6.544-1.158l.066.027,1.086.47,3.144,7.7Z" transform="translate(-68.65 -93.384)" fill="#f8d4d4"/>
|
||||
<path id="Path_89" data-name="Path 89" d="M701.066,669.314a19.757,19.757,0,0,0-.063,2.595c.023.923.063,1.708.063,1.708l-1.9,3.972s-6.537,2.151-5.461,1.241a3.6,3.6,0,0,0,.662-2.214,56.131,56.131,0,0,0-.235-7.3c-.248-3.475-4.22-12.081-4.22-12.081s-3.31-8.44-5.378-13.653-1.324-14.646-1.324-14.646.331-7.116,1.82-9.268,7.282-2.9,7.282-2.9l2.717,9.013s2.234,8.44,3.062,9.681.579,16.053.248,17.625a42.152,42.152,0,0,0,.434,6.858,32.207,32.207,0,0,0,2.012,8.01,3.059,3.059,0,0,1,.281,1.359Z" transform="translate(-70.252 -204.524)" fill="#f8d4d4"/>
|
||||
<path id="Path_90" data-name="Path 90" d="M722.3,785.068l-1.9,3.972s-6.537,2.151-5.461,1.241a3.6,3.6,0,0,0,.662-2.214c.235-.235.487-.493.745-.758a16.712,16.712,0,0,1,5.908-3.949h0C722.263,784.283,722.3,785.068,722.3,785.068Z" transform="translate(-91.489 -315.975)" opacity="0.1"/>
|
||||
<path id="Path_91" data-name="Path 91" d="M719.522,791.588a.187.187,0,0,1,0,.046c-.331,1.572-5.792,3.724-5.792,3.724s-3.475.579-5.461,1.076a1.374,1.374,0,0,1-.467.043c-1.532-.116-1.6-3.065-1.6-3.518a9.4,9.4,0,0,1,2.482-2.9,17.738,17.738,0,0,0,1.84-1.764,17.078,17.078,0,0,1,6.031-4.028h0S719.787,789.956,719.522,791.588Z" transform="translate(-85.723 -316.584)" fill="#fff"/>
|
||||
<path id="Path_93" data-name="Path 93" d="M722.76,806.268a.2.2,0,0,1,0,.046c-.331,1.572-5.792,3.724-5.792,3.724s-3.475.579-5.461,1.076a1.375,1.375,0,0,1-.467.043c1.8-1.235,6.166-4.2,6.755-4.263S721.287,805.993,722.76,806.268Z" transform="translate(-88.961 -331.264)" opacity="0.1"/>
|
||||
<path id="Path_94" data-name="Path 94" d="M788.514,404.442c-2.045,1.685-3.925,1.443-6.782,1.443-2.065,0-4.75.725-6.441-.2-.07-2.585-.331-4.76-.331-4.76s14.4-2.731,13.488.662a6.018,6.018,0,0,0,.066,2.86Z" transform="translate(-131.724 -59.422)" opacity="0.1"/>
|
||||
<path id="Path_95" data-name="Path 95" d="M781.1,361.146a11.833,11.833,0,0,1-11.833,11.833,8.247,8.247,0,0,1-.907-.033h0a11.833,11.833,0,1,1,12.743-11.8Z" transform="translate(-120.003 -25.593)" fill="#f8d4d4"/>
|
||||
<path id="Path_96" data-name="Path 96" d="M742.7,459.252l3.144,4.965-4.385,9.45-5.213,3.806-.91-5.9s-1.761-3.889-2.519-4.548c.218-.533.367-.778.367-.583,0,.827,2.036,4.551,2.036,4.551,6.289-2.151,4.336-10.509,4.336-10.509s-.781-7.447-1.086-9.407l1.086.47Z" transform="translate(-103.532 -93.675)" opacity="0.1"/>
|
||||
<path id="Path_97" data-name="Path 97" d="M784.127,439.869V444.5l-4.8,1.566-8.175,6.017-2.168,1.6-9.681-3.889-6.123-6.454s.3-.162.814-.43l.331-.175a40.414,40.414,0,0,0,16.718,3c12.468-1.986,12.839-5,12.528-6.067Z" transform="translate(-117.153 -86.041)" opacity="0.1"/>
|
||||
<path id="Path_98" data-name="Path 98" d="M743.016,514.772a92.777,92.777,0,0,1-9.6,4.055c-5.709,2.069-18.287-.662-19.859-1.076s-13.653-5.213-18.287-7.033-5.792-.331-6.868-.5-1.82-2.234-1.986-2.813,2.979-5.627,4.717-8.192,6.951-2.069,7.7-2.234,5.958,0,5.958,0-.331-1.655,1.572-6.289-3.144-13.239-3.144-13.239c-3.475-2.234-2.9-9.185-2.9-9.185-.827-3.062,1.82-10.1,1.82-9.268s2.036,4.551,2.036,4.551c6.289-2.151,4.336-10.509,4.336-10.509s-.91-8.688-1.152-9.764,1.152-.91,1.152-.91q.4.209.814.4a40.229,40.229,0,0,0,17.059,3.161c15.116-2.439,12.438-6.328,12.339-6.467l.735.261c5.461,3.972,3.806,17.128,3.806,17.128l-2.046,9.82-1.519,7.315s5.378,32.6,5.875,34.257S743.016,514.772,743.016,514.772Z" transform="translate(-72.484 -85.901)" fill="#94a3b8"/>
|
||||
<path id="Path_99" data-name="Path 99" d="M730.994,622c-.331.248-4.055,7.944-1.324,10.095S730.994,622,730.994,622Z" transform="translate(-100.759 -208.023)" opacity="0.1"/>
|
||||
<path id="Path_100" data-name="Path 100" d="M743.68,625.27c.083.248,7.778,12.495,12,13.488Z" transform="translate(-110.798 -210.21)" opacity="0.1"/>
|
||||
<path id="Path_101" data-name="Path 101" d="M797.2,332.386l-1.231.261a8.3,8.3,0,0,1,1.039-.308Z" transform="translate(-145.78 -14.236)" opacity="0.1"/>
|
||||
<path id="Path_102" data-name="Path 102" d="M783.931,396.545l-2.317,9.814A11.986,11.986,0,0,1,778.4,404.2a9.8,9.8,0,0,0-2.35-1.966,10.2,10.2,0,0,0-4.081-.563,19.63,19.63,0,0,1-5.1-.874,3.6,3.6,0,0,1-1.324-.642,3.217,3.217,0,0,1-.662-2.8,42.893,42.893,0,0,0,.05-5.723c-.02-.357-.046-.715-.076-1.072-.132-1.6-.563-3.452-2.2-4.137-.841-.331-1.844-.3-2.648-.7a2.185,2.185,0,0,1-.331-.2c-1.192-.834-1.3-2.506-1.254-3.912q.106-2.9.2-5.8a16.864,16.864,0,0,0-.063-2.863h0a6.352,6.352,0,0,0-.516-1.827c-.718-1.536-2.214-2.817-2.482-4.438a1.8,1.8,0,0,1-.03-.228c-.139-1.45.774-2.8,1.1-4.227.642-2.87-1.516-6.014-4.69-6.838-.993-.258-2.059-.308-3.048-.6a4.887,4.887,0,0,1-.467-.165,13.894,13.894,0,0,1,11.167-5.3c7.391,0,13.385,5.3,13.385,11.833a11.356,11.356,0,0,1-4.945,9.185c.02.093.043.189.07.281a20.819,20.819,0,0,0,3.191,6.16l7.493,2.383.834.265C785.8,383.395,783.931,396.545,783.931,396.545Z" transform="translate(-113.969 -25.596)" opacity="0.1"/>
|
||||
<path id="Path_103" data-name="Path 103" d="M867.572,520.655a1.124,1.124,0,0,1-.212-.03A.439.439,0,0,1,867.572,520.655Z" transform="translate(-193.541 -140.2)" opacity="0.1"/>
|
||||
<path id="Path_104" data-name="Path 104" d="M759.671,330a28.465,28.465,0,0,0-6.315-.738,3.5,3.5,0,0,0-1.986.417c-.732.513-.824,1.44-1.043,2.241a6.216,6.216,0,0,1-2.367,3.31c-.784.573-1.708.993-2.459,1.6a2.566,2.566,0,0,0-1.135,2.376,2.938,2.938,0,0,0,2.171,1.84c.993.281,2.049.331,3.048.6,3.174.824,5.329,3.972,4.687,6.835-.331,1.427-1.235,2.777-1.1,4.227.162,1.731,1.761,3.065,2.512,4.67a10.092,10.092,0,0,1,.586,4.687l-.2,5.8c-.053,1.529.079,3.369,1.589,4.117.808.4,1.814.354,2.648.7,1.635.682,2.065,2.539,2.2,4.134a42.74,42.74,0,0,1,.026,6.8,3.187,3.187,0,0,0,.662,2.8,3.549,3.549,0,0,0,1.324.642,19.634,19.634,0,0,0,5.1.874,10.307,10.307,0,0,1,4.081.563,9.878,9.878,0,0,1,2.35,1.966,12.988,12.988,0,0,0,7.672,3.359,2.285,2.285,0,0,0,1.734-.354c.427-.394.175-1.244-.434-1.195a2.943,2.943,0,0,0,2.787-1.066,2.35,2.35,0,0,0,0-2.7c-.692-.993-2.161-1.655-2.241-2.833a3.5,3.5,0,0,1,.741-1.85,7.781,7.781,0,0,0-1.2-9.268c-1.552-1.605-3.879-2.823-4.422-4.882-.361-1.377.185-2.823-.023-4.223-.331-2.317-2.625-3.972-3.886-6.037a10.5,10.5,0,0,1-1.162-6.914,49.179,49.179,0,0,1,1.8-6.918,8.928,8.928,0,0,0,.351-5.206,9.539,9.539,0,0,0-2.122-3.227,23.9,23.9,0,0,0-7.533-5.958,13.774,13.774,0,0,0-9.837-.907" transform="translate(-111.233 -12.175)" fill="#474157"/>
|
||||
<path id="Path_105" data-name="Path 105" d="M759.671,330a28.465,28.465,0,0,0-6.315-.738,3.5,3.5,0,0,0-1.986.417c-.732.513-.824,1.44-1.043,2.241a6.216,6.216,0,0,1-2.367,3.31c-.784.573-1.708.993-2.459,1.6a2.566,2.566,0,0,0-1.135,2.376,2.938,2.938,0,0,0,2.171,1.84c.993.281,2.049.331,3.048.6,3.174.824,5.329,3.972,4.687,6.835-.331,1.427-1.235,2.777-1.1,4.227.162,1.731,1.761,3.065,2.512,4.67a10.092,10.092,0,0,1,.586,4.687l-.2,5.8c-.053,1.529.079,3.369,1.589,4.117.808.4,1.814.354,2.648.7,1.635.682,2.065,2.539,2.2,4.134a42.74,42.74,0,0,1,.026,6.8,3.187,3.187,0,0,0,.662,2.8,3.549,3.549,0,0,0,1.324.642,19.634,19.634,0,0,0,5.1.874,10.307,10.307,0,0,1,4.081.563,9.878,9.878,0,0,1,2.35,1.966,12.988,12.988,0,0,0,7.672,3.359,2.285,2.285,0,0,0,1.734-.354c.427-.394.175-1.244-.434-1.195a2.943,2.943,0,0,0,2.787-1.066,2.35,2.35,0,0,0,0-2.7c-.692-.993-2.161-1.655-2.241-2.833a3.5,3.5,0,0,1,.741-1.85,7.781,7.781,0,0,0-1.2-9.268c-1.552-1.605-3.879-2.823-4.422-4.882-.361-1.377.185-2.823-.023-4.223-.331-2.317-2.625-3.972-3.886-6.037a10.5,10.5,0,0,1-1.162-6.914,49.179,49.179,0,0,1,1.8-6.918,8.928,8.928,0,0,0,.351-5.206,9.539,9.539,0,0,0-2.122-3.227,23.9,23.9,0,0,0-7.533-5.958,13.774,13.774,0,0,0-9.837-.907" transform="translate(-111.233 -12.175)" fill="#1e293b"/>
|
||||
<path id="Path_106" data-name="Path 106" d="M737.18,548.476s2.813,1.076,5.792-1.9S737.18,548.476,737.18,548.476Z" transform="translate(-106.449 -156.917)" opacity="0.1"/>
|
||||
<g id="Group_116" data-name="Group 116" transform="translate(633.048 317.105)" opacity="0.1">
|
||||
<path id="Path_107" data-name="Path 107" d="M793.1,330.871a11.776,11.776,0,0,1,1.655-.209,12.551,12.551,0,0,0-2.317.073Z" transform="translate(-776.467 -330.203)"/>
|
||||
<path id="Path_108" data-name="Path 108" d="M777.411,390.5a9.9,9.9,0,0,0-2.353-1.966,10.3,10.3,0,0,0-4.081-.563,19.53,19.53,0,0,1-5.1-.874,3.549,3.549,0,0,1-1.324-.642,3.225,3.225,0,0,1-.662-2.8,42.733,42.733,0,0,0-.026-6.8c-.136-1.6-.563-3.452-2.2-4.134-.837-.351-1.84-.308-2.648-.7-1.509-.748-1.655-2.588-1.592-4.117q.1-2.9.2-5.8a10.059,10.059,0,0,0-.586-4.69c-.751-1.605-2.35-2.936-2.512-4.67-.136-1.446.778-2.8,1.1-4.227.642-2.87-1.516-6.011-4.69-6.835-.993-.258-2.059-.311-3.048-.6a2.905,2.905,0,0,1-2.155-1.82,2.52,2.52,0,0,1,1.132-2.38c.751-.606,1.675-1.023,2.463-1.6a6.193,6.193,0,0,0,2.363-3.31,3.713,3.713,0,0,1,1.043-2.241,2.648,2.648,0,0,1,1.357-.4c-.295,0-.589-.017-.88-.017a3.521,3.521,0,0,0-1.986.414c-.732.516-.824,1.44-1.043,2.241a6.216,6.216,0,0,1-2.367,3.31c-.784.573-1.708.993-2.459,1.6a2.568,2.568,0,0,0-1.135,2.38,2.92,2.92,0,0,0,2.158,1.82c.99.295,2.049.331,3.048.6,3.174.824,5.329,3.972,4.687,6.835-.331,1.427-1.235,2.78-1.1,4.227.162,1.734,1.761,3.065,2.512,4.67a10.057,10.057,0,0,1,.586,4.69q-.1,2.9-.2,5.8c-.053,1.529.079,3.369,1.589,4.117.808.4,1.814.354,2.648.7,1.635.682,2.065,2.539,2.2,4.134a42.74,42.74,0,0,1,.026,6.8,3.187,3.187,0,0,0,.662,2.8,3.549,3.549,0,0,0,1.324.642,19.5,19.5,0,0,0,5.1.874,10.308,10.308,0,0,1,4.081.563A9.959,9.959,0,0,1,775.9,390.5a12.968,12.968,0,0,0,7.669,3.36,3.544,3.544,0,0,0,1.109-.043,12.945,12.945,0,0,1-7.267-3.317Z" transform="translate(-744.18 -329.32)"/>
|
||||
</g>
|
||||
<path id="Path_109" data-name="Path 109" d="M684.782,484s-2.648,2.429-2.261,3.422S684.782,484,684.782,484Z" transform="translate(-69.856 -115.699)" opacity="0.1"/>
|
||||
<path id="Path_110" data-name="Path 110" d="M668.535,577.927c-1.91-.467-7.176-.9-9.681,7.507a37.186,37.186,0,0,1-2.221,5.683c-2.4,4.935-5.508,15.083,8.146,17.317l32.767,7.447s17.542,2.151,18.7,1.324a3.207,3.207,0,0,0,.993-2.648s-19.363,0-23.169-5.958-3.972-14.067-3.972-14.067.477-12.521-19.528-16.159C669.908,578.248,669.213,578.092,668.535,577.927Z" transform="translate(-51.152 -178.397)" fill="#474157"/>
|
||||
<path id="Path_111" data-name="Path 111" d="M668.535,578.1c-1.91-.467-7.176-.9-9.681,7.51a37.188,37.188,0,0,1-2.221,5.683c-2.4,4.932-5.508,15.08,8.146,17.314l32.767,7.447s17.542,2.151,18.7,1.324a3.207,3.207,0,0,0,.993-2.648s-19.363,0-23.169-5.958S690.1,594.7,690.1,594.7s.477-12.521-19.528-16.159C669.908,578.418,669.213,578.256,668.535,578.1Z" transform="translate(-51.152 -178.511)" fill="#334155"/>
|
||||
<path id="Path_112" data-name="Path 112" d="M811.958,543.834a5.061,5.061,0,0,0-5.114-4.276c-4.713.086-19.22.715-25.959,5.117,0,0-5.13,3.31-6.62,3.31s-21.68,17.211,8.275,32.6c0,0,16.053,4.568,22.341-6.156,0,0,4.468-11.518,4.137-15.507S812,544.178,812,544.178,811.991,544.049,811.958,543.834Z" transform="translate(-125.886 -152.867)" fill="#475569"/>
|
||||
<path id="Path_113" data-name="Path 113" d="M811.958,553.257a4.963,4.963,0,0,0-5.114-3.949c-4.713.079-19.22.662-25.959,4.723,0,0-5.13,3.055-6.62,3.055s-21.68,15.887,8.275,30.1c0,0,16.053,4.217,22.341-5.683,0,0,4.468-10.635,4.137-14.315S812,553.575,812,553.575,811.991,553.456,811.958,553.257Z" transform="translate(-125.886 -159.39)" fill="#475569" opacity="0.1"/>
|
||||
<rect id="Rectangle_59" data-name="Rectangle 59" width="5.296" height="11.277" transform="translate(664.763 427.716)" fill="#1e293b"/>
|
||||
<ellipse id="Ellipse_43" data-name="Ellipse 43" cx="14.908" cy="0.957" rx="14.908" ry="0.957" transform="translate(461.439 379.949)" opacity="0.1"/>
|
||||
<path id="Path_114" data-name="Path 114" d="M266.794,405.634a5.684,5.684,0,0,0-.755,1.42c-.046.126-.093.265-.139.4a1.22,1.22,0,0,0-.262-.089,3.753,3.753,0,0,0-1.182-.1c0-.152.02-.331.023-.483.05-1.744-.156-4.177-1.82-3.148-1.6.993-.457,2.648.573,3.71l.265.258c-.94.662-1.119,2.228-1.274,3.853s-1.536,3.406-2.453,4.415c-.093.1-.175.2-.258.281a3.346,3.346,0,0,0-2.664-.685c-.036-.142-.079-.291-.122-.45-.741-2.674-2.28-7.311-4.243-8.328l.258-.331c.834-1.092,1.774-2.711.387-3.128s-1.513,1.407-1.436,2.77c0,.172.026.331.04.483a2.042,2.042,0,0,0-1.45.708l-.215-.252c-1.125-1.324-3.187-3.432-3.813-1.84-.583,1.483,1.235,3.406,2.512,4.521l.079.07c-.857,3.485,2.876,6.332,4.9,7.563l.261.159c-2.78,3.277-4.5,9.417-4.5,9.417l7.785,1.39s5.163-4.452,4.5-8.635h.053c5.16-1.033,6.332-6.534,5.527-9.8l.093-.036a5.871,5.871,0,0,0,2.39-1.807C271.3,405.928,268.271,403.664,266.794,405.634Z" transform="translate(222.063 -61.62)" fill="#475569"/>
|
||||
<path id="Path_115" data-name="Path 115" d="M266.794,405.634a5.684,5.684,0,0,0-.755,1.42c-.046.126-.093.265-.139.4a1.22,1.22,0,0,0-.262-.089,3.753,3.753,0,0,0-1.182-.1c0-.152.02-.331.023-.483.05-1.744-.156-4.177-1.82-3.148-1.6.993-.457,2.648.573,3.71l.265.258c-.94.662-1.119,2.228-1.274,3.853s-1.536,3.406-2.453,4.415c-.093.1-.175.2-.258.281a3.346,3.346,0,0,0-2.664-.685c-.036-.142-.079-.291-.122-.45-.741-2.674-2.28-7.311-4.243-8.328l.258-.331c.834-1.092,1.774-2.711.387-3.128s-1.513,1.407-1.436,2.77c0,.172.026.331.04.483a2.042,2.042,0,0,0-1.45.708l-.215-.252c-1.125-1.324-3.187-3.432-3.813-1.84-.583,1.483,1.235,3.406,2.512,4.521l.079.07c-.857,3.485,2.876,6.332,4.9,7.563l.261.159c-2.78,3.277-4.5,9.417-4.5,9.417l7.785,1.39s5.163-4.452,4.5-8.635h.053c5.16-1.033,6.332-6.534,5.527-9.8l.093-.036a5.871,5.871,0,0,0,2.39-1.807C271.3,405.928,268.271,403.664,266.794,405.634Z" transform="translate(222.063 -61.62)" fill="none" opacity="0.1"/>
|
||||
<path id="Path_116" data-name="Path 116" d="M252.281,410.632l-.9,2.664s-.506-.357-1.145-.92c-1.278-1.115-3.1-3.038-2.512-4.521.626-1.592,2.688.51,3.813,1.84C251.98,410.222,252.281,410.632,252.281,410.632Z" transform="translate(221.08 -64.374)" fill="#f1f5f9"/>
|
||||
<path id="Path_117" data-name="Path 117" d="M265.366,406.372a12.878,12.878,0,0,1-.887,1.043,13.984,13.984,0,0,1-.162-1.4c-.076-1.364.069-3.174,1.436-2.77S266.187,405.279,265.366,406.372Z" transform="translate(209.915 -61.633)" fill="#f1f5f9"/>
|
||||
<path id="Path_118" data-name="Path 118" d="M297.718,407.222c-.026.877-.113,1.576-.113,1.576a11.254,11.254,0,0,1-1.135-1.013c-1.029-1.069-2.168-2.717-.573-3.71C297.559,403.045,297.765,405.477,297.718,407.222Z" transform="translate(189.306 -62.063)" fill="#f1f5f9"/>
|
||||
<path id="Path_119" data-name="Path 119" d="M310.61,411.379a5.871,5.871,0,0,1-2.4,1.8,6.681,6.681,0,0,1-.8.288l-1.072-1.506a10.934,10.934,0,0,1,.444-1.463,5.688,5.688,0,0,1,.755-1.42,1.919,1.919,0,0,1,3.073,2.3Z" transform="translate(181.79 -65.072)" fill="#f1f5f9"/>
|
||||
<path id="Path_120" data-name="Path 120" d="M256.831,414.57c.453.526.755.937.755.937l-.9,2.664s-.506-.357-1.145-.92a5.213,5.213,0,0,1,1.026-2.34A3.1,3.1,0,0,1,256.831,414.57Z" transform="translate(215.776 -69.249)" fill="#1e293b" opacity="0.1"/>
|
||||
<path id="Path_121" data-name="Path 121" d="M265.4,412.088a12.9,12.9,0,0,1-.887,1.043,13.967,13.967,0,0,1-.162-1.4,1.807,1.807,0,0,1,1.049.357Z" transform="translate(209.882 -67.349)" fill="#1e293b" opacity="0.1"/>
|
||||
<path id="Path_122" data-name="Path 122" d="M263.826,423.624l-2.264.993a13.76,13.76,0,0,1-1.2-.682c-2.38-1.466-7.162-5.15-3.955-9.493s5.882,3.449,6.934,7.255C263.671,422.84,263.826,423.624,263.826,423.624Z" transform="translate(215.916 -68.308)" fill="#f1f5f9"/>
|
||||
<path id="Path_123" data-name="Path 123" d="M299.22,414.643a1.844,1.844,0,0,1,1.248-.563c-.026.877-.113,1.575-.113,1.575a11.266,11.266,0,0,1-1.135-1.012Z" transform="translate(186.553 -68.921)" fill="#1e293b" opacity="0.1"/>
|
||||
<path id="Path_124" data-name="Path 124" d="M308.213,417.581a6.692,6.692,0,0,1-.8.288l-1.072-1.506a10.935,10.935,0,0,1,.444-1.463,3.83,3.83,0,0,1,1.428,2.681Z" transform="translate(181.79 -69.47)" fill="#1e293b" opacity="0.1"/>
|
||||
<path id="Path_125" data-name="Path 125" d="M285.8,427.814l-.381.066c-7.589,1.155-2.5-2.939-2.5-2.939s.331-.314.8-.831c.917-1.009,2.294-2.78,2.453-4.415.238-2.459.513-4.766,3.416-4.088C292.452,416.272,293,426.374,285.8,427.814Z" transform="translate(198.577 -69.862)" fill="#f1f5f9"/>
|
||||
<rect id="Rectangle_60" data-name="Rectangle 60" width="14.5" height="3.813" transform="translate(469.747 376.844)" fill="#474157"/>
|
||||
<rect id="Rectangle_61" data-name="Rectangle 61" width="18.946" height="13.306" transform="translate(467.443 364.452)" fill="#474157"/>
|
||||
<rect id="Rectangle_62" data-name="Rectangle 62" width="14.5" height="3.813" transform="translate(469.608 376.844)" fill="#334155" opacity="0.1"/>
|
||||
<rect id="Rectangle_63" data-name="Rectangle 63" width="18.946" height="13.306" transform="translate(467.384 364.455)" fill="#334155" opacity="0.1"/>
|
||||
<rect id="Rectangle_64" data-name="Rectangle 64" width="14.5" height="3.813" transform="translate(470.7 376.844)" fill="#1e293b"/>
|
||||
<path id="Path_126" data-name="Path 126" d="M273.539,439c.331,1.139.49,1.923.49,1.923l-2.264.993a13.763,13.763,0,0,1-1.2-.682A5.677,5.677,0,0,1,273.539,439Z" transform="translate(205.727 -85.593)" fill="#1e293b" opacity="0.1"/>
|
||||
<path id="Path_127" data-name="Path 127" d="M285.8,445.244l-.381.066c-7.589,1.155-2.5-2.939-2.5-2.939s.331-.314.8-.831a5,5,0,0,1,2.081,3.7Z" transform="translate(198.577 -87.292)" fill="#1e293b" opacity="0.1"/>
|
||||
<path id="Path_128" data-name="Path 128" d="M257.76,451.555s4.25-15.225,10.211-10.525-2.426,11.915-2.426,11.915Z" transform="translate(214.291 -86.348)" fill="#f1f5f9"/>
|
||||
<circle id="Ellipse_44" data-name="Ellipse 44" cx="0.477" cy="0.477" r="0.477" transform="translate(473.719 348.045)" fill="#1e293b" opacity="0.1"/>
|
||||
<circle id="Ellipse_45" data-name="Ellipse 45" cx="0.477" cy="0.477" r="0.477" transform="translate(473.679 350.273)" fill="#1e293b" opacity="0.1"/>
|
||||
<circle id="Ellipse_46" data-name="Ellipse 46" cx="0.477" cy="0.477" r="0.477" transform="translate(487.504 348.482)" fill="#1e293b" opacity="0.1"/>
|
||||
<circle id="Ellipse_47" data-name="Ellipse 47" cx="0.477" cy="0.477" r="0.477" transform="translate(476.38 359.884)" fill="#1e293b" opacity="0.1"/>
|
||||
<circle id="Ellipse_48" data-name="Ellipse 48" cx="0.477" cy="0.477" r="0.477" transform="translate(486.511 352.179)" fill="#1e293b" opacity="0.1"/>
|
||||
<circle id="Ellipse_49" data-name="Ellipse 49" cx="0.477" cy="0.477" r="0.477" transform="translate(481.586 357.104)" fill="#1e293b" opacity="0.1"/>
|
||||
<circle id="Ellipse_50" data-name="Ellipse 50" cx="0.477" cy="0.477" r="0.477" transform="translate(475.347 348.998)" fill="#1e293b" opacity="0.1"/>
|
||||
<circle id="Ellipse_51" data-name="Ellipse 51" cx="0.477" cy="0.477" r="0.477" transform="translate(486.194 349.915)" fill="#1e293b" opacity="0.1"/>
|
||||
<circle id="Ellipse_52" data-name="Ellipse 52" cx="0.477" cy="0.477" r="0.477" transform="translate(484.565 353.609)" fill="#1e293b" opacity="0.1"/>
|
||||
<circle id="Ellipse_53" data-name="Ellipse 53" cx="0.477" cy="0.477" r="0.477" transform="translate(479.557 359.527)" fill="#1e293b" opacity="0.1"/>
|
||||
<circle id="Ellipse_54" data-name="Ellipse 54" cx="0.477" cy="0.477" r="0.477" transform="translate(478.525 357.184)" fill="#1e293b" opacity="0.1"/>
|
||||
<circle id="Ellipse_55" data-name="Ellipse 55" cx="0.477" cy="0.477" r="0.477" transform="translate(476.062 351.901)" fill="#1e293b" opacity="0.1"/>
|
||||
<rect id="Rectangle_65" data-name="Rectangle 65" width="14.5" height="1.393" transform="translate(470.7 376.844)" opacity="0.1"/>
|
||||
<rect id="Rectangle_66" data-name="Rectangle 66" width="18.946" height="13.306" transform="translate(468.397 364.452)" fill="#1e293b"/>
|
||||
<circle id="Ellipse_56" data-name="Ellipse 56" cx="0.477" cy="0.477" r="0.477" transform="translate(480.193 361.672)" fill="#1e293b" opacity="0.1"/>
|
||||
<circle id="Ellipse_57" data-name="Ellipse 57" cx="0.477" cy="0.477" r="0.477" transform="translate(477.333 362.268)" fill="#1e293b" opacity="0.1"/>
|
||||
<path id="Path_129" data-name="Path 129" d="M399.263,626s2.36,3.088-1.089,7.748-6.289,8.606-5.15,11.505c0,0,5.21-8.659,9.45-8.778S403.927,631.21,399.263,626Z" transform="translate(123.968 -210.699)" fill="#f1f5f9"/>
|
||||
<path id="Path_130" data-name="Path 130" d="M399.525,626a3.8,3.8,0,0,1,.483.967c4.134,4.859,6.338,9.393,2.363,9.509-3.7.116-8.146,6.736-9.211,8.39.036.129.079.258.126.381,0,0,5.21-8.659,9.45-8.778S404.188,631.21,399.525,626Z" transform="translate(123.706 -210.699)" fill="#1e293b" opacity="0.1"/>
|
||||
<path id="Path_131" data-name="Path 131" d="M424.553,636.492c0,1.086-.122,1.966-.271,1.966s-.271-.88-.271-1.966.152-.576.3-.576S424.553,635.4,424.553,636.492Z" transform="translate(103.067 -217.252)" fill="#475569"/>
|
||||
<path id="Path_132" data-name="Path 132" d="M426.437,640.312c-.953.52-1.784.834-1.857.7s.642-.662,1.6-1.182.576-.142.662,0S427.393,639.793,426.437,640.312Z" transform="translate(102.689 -219.775)" fill="#475569"/>
|
||||
<path id="Path_133" data-name="Path 133" d="M363.985,626s-2.36,3.088,1.089,7.748,6.289,8.606,5.147,11.505c0,0-5.206-8.659-9.446-8.778S359.321,631.21,363.985,626Z" transform="translate(146.771 -210.699)" fill="#f1f5f9"/>
|
||||
<path id="Path_134" data-name="Path 134" d="M363.985,626a3.8,3.8,0,0,0-.483.967c-4.134,4.859-6.338,9.393-2.363,9.509,3.7.116,8.146,6.736,9.211,8.39a3.669,3.669,0,0,1-.129.381s-5.206-8.655-9.446-8.768S359.321,631.21,363.985,626Z" transform="translate(146.771 -210.699)" fill="#1e293b" opacity="0.1"/>
|
||||
<path id="Path_135" data-name="Path 135" d="M361.44,636.492c0,1.086.122,1.966.271,1.966s.271-.88.271-1.966-.152-.576-.3-.576S361.44,635.4,361.44,636.492Z" transform="translate(144.927 -217.252)" fill="#475569"/>
|
||||
<path id="Path_136" data-name="Path 136" d="M355.691,640.312c.953.52,1.784.834,1.857.7s-.642-.662-1.6-1.182-.576-.142-.662,0S354.734,639.793,355.691,640.312Z" transform="translate(149.17 -219.775)" fill="#475569"/>
|
||||
<path id="Ellipse_58" data-name="Ellipse 58" d="M24.691,0C38.327,0,49.382,1.7,49.382,3.79S38.327,7.58,24.691,7.58,0,5.883,0,3.79,11.055,0,24.691,0Z" transform="translate(492.3 450.604)" fill="#f1f5f9" opacity="0.077"/>
|
||||
<path id="Path_137" data-name="Path 137" d="M380.556,668.693l-.119.963-.166,1.364-.066.566-.169,1.364-.07.569-.165,1.36-1.873,15.49c-.169,1.383-2.429,2.459-5.153,2.459h-9.837c-2.727,0-4.965-1.076-5.15-2.459l-1.893-15.49-.165-1.36-.069-.569-.169-1.364-.066-.566-.165-1.364-.119-.963c-.1-.781,1.125-1.443,2.671-1.443H377.89C379.427,667.25,380.652,667.912,380.556,668.693Z" transform="translate(149.146 -238.296)" fill="#1e293b"/>
|
||||
<path id="Path_138" data-name="Path 138" d="M280.188,623.15l-.165,1.36H255.176l-.165-1.36Z" transform="translate(249.394 -191.79)" fill="#334155"/>
|
||||
<path id="Path_139" data-name="Path 139" d="M280.425,628.98l-.165,1.364H255.88l-.169-1.364Z" transform="translate(248.926 -195.69)" fill="#334155"/>
|
||||
<path id="Path_140" data-name="Path 140" d="M280.668,634.81l-.165,1.364H256.6l-.165-1.364Z" transform="translate(248.444 -199.59)" fill="#334155"/>
|
||||
</g>
|
||||
<!-- Code injected by live-server -->
|
||||
<script>
|
||||
// <![CDATA[ <-- For SVG support
|
||||
if ('WebSocket' in window) {
|
||||
(function () {
|
||||
function refreshCSS() {
|
||||
var sheets = [].slice.call(document.getElementsByTagName("link"));
|
||||
var head = document.getElementsByTagName("head")[0];
|
||||
for (var i = 0; i < sheets.length; ++i) {
|
||||
var elem = sheets[i];
|
||||
var parent = elem.parentElement || head;
|
||||
parent.removeChild(elem);
|
||||
var rel = elem.rel;
|
||||
if (elem.href && typeof rel != "string" || rel.length == 0 || rel.toLowerCase() == "stylesheet") {
|
||||
var url = elem.href.replace(/(&|\?)_cacheOverride=\d+/, '');
|
||||
elem.href = url + (url.indexOf('?') >= 0 ? '&' : '?') + '_cacheOverride=' + (new Date().valueOf());
|
||||
}
|
||||
parent.appendChild(elem);
|
||||
}
|
||||
}
|
||||
var protocol = window.location.protocol === 'http:' ? 'ws://' : 'wss://';
|
||||
var address = protocol + window.location.host + window.location.pathname + '/ws';
|
||||
var socket = new WebSocket(address);
|
||||
socket.onmessage = function (msg) {
|
||||
if (msg.data == 'reload') window.location.reload();
|
||||
else if (msg.data == 'refreshcss') refreshCSS();
|
||||
};
|
||||
if (sessionStorage && !sessionStorage.getItem('IsThisFirstTime_Log_From_LiveServer')) {
|
||||
console.log('Live reload enabled.');
|
||||
sessionStorage.setItem('IsThisFirstTime_Log_From_LiveServer', true);
|
||||
}
|
||||
})();
|
||||
}
|
||||
else {
|
||||
console.error('Upgrade your browser. This Browser is NOT supported WebSocket for Live-Reloading.');
|
||||
}
|
||||
// ]]>
|
||||
</script>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 35 KiB |
BIN
live_monitor_vue/public/images/not_found.jpg
Normal file
BIN
live_monitor_vue/public/images/not_found.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 938 KiB |
BIN
live_monitor_vue/public/images/profile-4.jpg
Normal file
BIN
live_monitor_vue/public/images/profile-4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
284
live_monitor_vue/public/images/train.svg
Normal file
284
live_monitor_vue/public/images/train.svg
Normal file
@@ -0,0 +1,284 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 355">
|
||||
<g id="ocean">
|
||||
<path id="sky" class="st0" d="M0 0h1000v203.1H0z"></path>
|
||||
<linearGradient id="water_1_" gradientUnits="userSpaceOnUse" x1="500" y1="354" x2="500" y2="200.667">
|
||||
<stop offset="0" stop-color="#fff"></stop>
|
||||
<stop offset="1" stop-color="#b3dcdf"></stop>
|
||||
</linearGradient>
|
||||
<path id="water" fill="url(#water_1_)" d="M0 200.7h1000V354H0z"></path>
|
||||
<path id="land" class="st0" d="M0 273.4h1000V354H0z"></path>
|
||||
<g id="bumps">
|
||||
<path class="st0" d="M0 275.2s83.8-28 180-28 197 28 197 28H0z"></path>
|
||||
<path class="st0" d="M377 275.2s54.7-28 117.5-28 128.6 28 128.6 28H377z"></path>
|
||||
<path class="st0" d="M623.2 275.2s83.7-28 179.9-28 196.9 28 196.9 28H623.2z"></path>
|
||||
<path class="st0" d="M-998 275.2s83.8-28 180-28 197 28 197 28h-377z"></path>
|
||||
<path class="st0" d="M-621 275.2s54.7-28 117.5-28 128.6 28 128.6 28H-621z"></path>
|
||||
<path class="st0" d="M-374.8 275.2s83.7-28 179.9-28S2 275.2 2 275.2h-376.8z"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g id="tracks">
|
||||
<path class="st2" d="M9.8 282.4h-3L0 307.6h3z"></path>
|
||||
<path class="st2" d="M19.8 282.4h-3L10 307.6h3z"></path>
|
||||
<path class="st2" d="M29.8 282.4h-3L20 307.6h3z"></path>
|
||||
<path class="st2" d="M39.8 282.4h-3L30 307.6h3z"></path>
|
||||
<path class="st2" d="M49.8 282.4h-3L40 307.6h3z"></path>
|
||||
<path class="st2" d="M59.8 282.4h-3L50 307.6h3z"></path>
|
||||
<path class="st2" d="M69.8 282.4h-3L60 307.6h3z"></path>
|
||||
<path class="st2" d="M79.8 282.4h-3L70 307.6h3z"></path>
|
||||
<path class="st2" d="M89.8 282.4h-3L80 307.6h3z"></path>
|
||||
<path class="st2" d="M99.8 282.4h-3L90 307.6h3z"></path>
|
||||
<path class="st2" d="M109.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M119.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M129.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M139.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M149.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M159.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M169.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M179.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M189.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M199.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M209.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M219.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M229.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M239.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M249.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M259.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M269.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M279.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M289.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M299.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M309.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M319.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M329.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M339.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M349.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M359.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M369.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M379.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M389.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M399.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M409.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M419.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M429.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M439.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M449.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M459.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M469.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M479.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M489.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M499.8 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M1000 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M990 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M980 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M970 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M960 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M950 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M940 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M930 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M920 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M910 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M900 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M890 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M880 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M870 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M860 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M850 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M840 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M830 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M820 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M810 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M800 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M790 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M780 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M770 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M760 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M750 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M740 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M730 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M720 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M710 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M700 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M690 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M680 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M670 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M660 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M650 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M640 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M630 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M620 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M610 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M600 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M590 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M580 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M570 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M560 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<g>
|
||||
<path class="st2" d="M-490.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-480.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-470.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-460.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-450.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-440.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-430.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-420.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-410.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-400.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-390.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-380.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-370.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-360.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-350.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-340.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-330.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-320.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-310.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-300.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-290.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-280.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-270.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-260.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-250.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-240.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-230.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-220.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-210.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-200.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-190.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-180.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-170.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-160.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-150.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-140.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-130.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-120.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-110.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-100.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-90.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-80.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-70.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-60.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-50.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-40.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-30.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-20.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-10.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M-.2 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M500 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M490 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M480 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M470 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M460 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M450 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M440 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M430 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M420 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M410 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M400 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M390 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M380 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M370 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M360 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M350 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M340 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M330 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M320 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M310 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M300 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M290 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M280 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M270 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M260 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M250 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M240 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M230 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M220 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M210 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M200 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M190 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M180 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M170 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M160 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M150 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M140 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M130 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M120 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M110 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M100 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M90 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M80 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M70 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M60 282.4h-3l-6.8 25.2h3z"></path>
|
||||
</g>
|
||||
<path class="st2" d="M550 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M540 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M530 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M520 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M510 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M550 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M540 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M530 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M520 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st2" d="M510 282.4h-3l-6.8 25.2h3z"></path>
|
||||
<path class="st3" d="M-499.5 300.2H1000v5.1H-499.5z"></path>
|
||||
<path class="st3" d="M-499.5 283.8H1000v2.8H-499.5z"></path>
|
||||
</g>
|
||||
<g id="cloudsAll">
|
||||
<path id="cloud1" class="st4" d="M19.5 69.7s-21.3.5-25-12.2c0 0-4.3-21.3 16-21.8 0 0-2.1-12.2 12.2-14.9 0 0 15-3.2 21.3 6.9 0 0 3.6-20.7 17.8-22.3 0 0 24-3 26.6 13.1 0 0 .1 9.5-2.8 13.5 0 0 9.5-15 26.5-4.8 0 0 12.1 7.9 7 20.2 0 0 16 4.8 10.1 18.1 0 0-10.2 8.5-17.1-1.1 0 0-5.5 16-32.5 16 0 0-19.1 2.1-27-13.3 0 0 .5 10.1-13.3 10.6-.1 0-20.3 3.2-19.8-8z"></path>
|
||||
<path id="cloud3" class="st4" d="M836 132s-18.3 2.1-22.2-4.9c0 0-4.9-11.8 12.5-13.8 0 0-2.5-6.8 9.7-9.6 0 0 12.7-3.1 18.7 2.1 0 0 2-12.2 14-14.3 0 0 16.6-3.3 23.7 2.1 0 0 4.8 3.9 2.4 6.5 0 0 3.1-4.8 18.4-.4 0 0 10.9 3.5 7.2 11 0 0 13.8-1.5 9.7 9.5 0 0-4.1 10.8-15.5 4.8 0 0-3.1 5.6-26.4 7.9 0 0-16.3 2.8-24-5.3 0 0 1 5.7-10.8 7.2-.1.1-17.2 3.6-17.4-2.8z"></path>
|
||||
<path id="cloud2" class="st4" d="M19.3 159.5s-15.9.6-18.8-5.1c0 0-3.4-9.5 11.7-10.1 0 0-1.7-5.5 9-6.9 0 0 11.2-1.7 16 2.8 0 0 2.5-9.4 13.1-10.3 0 0 17.9-1.8 20 5.4 0 0 .2 4.3-2 6.1 0 0 6.9-6.9 19.8-2.6 0 0 9.1 3.4 5.5 9 0 0 6.5 0 4.5 6.7 0 0-2.6 5.6-9.6 1 0 0-4 7.3-24.2 7.7 0 0-14.2 1.3-20.4-5.5 0 0 .5 4.5-9.8 5 0 .1-15 1.8-14.8-3.2z"></path>
|
||||
<path id="cloud4" class="st4" d="M370.3 109.5s15.9.6 18.8-5.1c0 0 3.4-9.5-11.7-10.1 0 0 1.7-5.5-9-6.9 0 0-11.2-1.7-16 2.8 0 0-2.5-9.4-13.1-10.3 0 0-17.9-1.8-20 5.4 0 0-.2 4.3 2 6.1 0 0-6.9-6.9-19.8-2.6 0 0-9.1 3.4-5.5 9 0 0-12 1.9-7.7 8 0 0 7.5 4 12.8-.2 0 0 4 7.3 24.2 7.7 0 0 14.2 1.3 20.4-5.5 0 0-.5 4.5 9.8 5 0 0 15.1 1.7 14.8-3.3z"></path>
|
||||
<path id="cloud5" class="st4" d="M511.7 12.4s-21.3-.3-25 7c0 0-4.3 12.2 16 12.5 0 0-2.1 7 12.2 8.6 0 0 15 1.8 21.3-4 0 0 3.6 11.9 17.8 12.8 0 0 19.5 1.6 27-4.4 0 0 5-4.4 2.1-6.7 0 0 4.1 4.4 21.2-1.5 0 0 12.1-4.6 7-11.6 0 0 16-2.8 10.1-10.4 0 0-10.2-4.9-17.1.6 0 0-5.5-9.2-32.5-9.2 0 0-19.1-1.2-27 7.6 0 0 .5-5.8-13.3-6.1-.1.2-20.3-1.6-19.8 4.8z"></path>
|
||||
</g>
|
||||
<g id="train">
|
||||
<path fill="#b3dcdf" d="M344.5 248.5h507.2v37.8H344.5z"></path>
|
||||
<g id="wheels">
|
||||
<circle class="st6" cx="384.1" cy="285.6" r="15.1"></circle>
|
||||
<path class="st2" d="M384.1 295.7c-5.6 0-10.1-4.5-10.1-10.1s4.5-10.1 10.1-10.1 10.1 4.5 10.1 10.1c0 5.5-4.6 10.1-10.1 10.1z"></path>
|
||||
<circle class="st6" cx="416.1" cy="285.6" r="15.1"></circle>
|
||||
<path class="st2" d="M416.1 295.7c-5.6 0-10.1-4.5-10.1-10.1s4.5-10.1 10.1-10.1 10.1 4.5 10.1 10.1c0 5.5-4.6 10.1-10.1 10.1z"></path>
|
||||
<circle class="st6" cx="469.1" cy="285.6" r="15.1"></circle>
|
||||
<path class="st2" d="M469.1 295.7c-5.6 0-10.1-4.5-10.1-10.1s4.5-10.1 10.1-10.1 10.1 4.5 10.1 10.1c0 5.5-4.6 10.1-10.1 10.1z"></path>
|
||||
<circle class="st6" cx="734.1" cy="285.6" r="15.1"></circle>
|
||||
<path class="st2" d="M734.1 295.7c-5.6 0-10.1-4.5-10.1-10.1s4.5-10.1 10.1-10.1 10.1 4.5 10.1 10.1c0 5.5-4.6 10.1-10.1 10.1z"></path>
|
||||
<circle class="st6" cx="766.1" cy="285.6" r="15.1"></circle>
|
||||
<path class="st2" d="M766.1 295.7c-5.6 0-10.1-4.5-10.1-10.1s4.5-10.1 10.1-10.1 10.1 4.5 10.1 10.1c0 5.5-4.6 10.1-10.1 10.1z"></path>
|
||||
<circle class="st6" cx="821.1" cy="285.6" r="15.1"></circle>
|
||||
<path class="st2" d="M821.1 295.7c-5.6 0-10.1-4.5-10.1-10.1s4.5-10.1 10.1-10.1 10.1 4.5 10.1 10.1c0 5.5-4.6 10.1-10.1 10.1z"></path>
|
||||
</g>
|
||||
<path id="bracefront" class="st7" d="M383.2 285.6h88.1"></path>
|
||||
<path id="braceback" class="st7" d="M733.2 285.6h88.1"></path>
|
||||
<g id="car-layers">
|
||||
<path id="car" class="st8" d="M321.8 300.7v-32.4s1.2.7-1.5-2.4v-29.1s3.1-11.6 10.7-21.1c0 0 7.6-12 15.5-17.5h1.3s10.2-4.9 30.9-28h.6s-.9-1.4 0-2.7c0 0 10.1-10.5 21-12.3 0 0 9.4-1.8 20.2-1.8h47.7V151H492v-1.1h10.1v1.1h19v2.2s8.2.9 19.2-4.2c0 0 1.4-1.1 28.8-1.1h291.5v6.8h7.5v2.2s12.2-.6 12.2 9.8V177l-10-.1v57.9s14.9-.5 14.9 10.2c0 0 1 9-14.9 8.9v3.8H719.5s-2.4.1-4.3 3l-15 29s-2.9 5.1-10.8 5.1H504.3s-2.9.1-6.1-5l-13.1-25s-4.5-7.1-11.8-7.1H369v2.4s-3.2 1.3-7.1 8.7L351.4 289s-2.9 6.3-6.9 6.4h-17.8l-4.9 5.3z"></path>
|
||||
<path id="streamline-outine" class="st8" d="M320.3 236.6s1.4-6.8 4.4-11.3c0 0 .1-2.3 23.2-6.3l78-16.6s103.3-21.1 134.9-26.1c0 0 93.3-16 120.5-17.9 0 0 57.6-4.3 100-4.1h88.9v63.4s-10.3 5.4-17.1 5.3c0 0-305.6 4.9-366.3 8.1 0 0-100.3 4.8-119.1 6.8 0-.1-46.6 1.2-47.4-1.3z"></path>
|
||||
<g id="window-grate">
|
||||
<path class="st9" d="M739.5 182.6H854"></path>
|
||||
<path class="st9" d="M739.5 177.6H854"></path>
|
||||
<path class="st9" d="M739.5 172.6H854"></path>
|
||||
<path class="st9" d="M739.5 167.6H854"></path>
|
||||
<path class="st9" d="M739.5 161.4H854v26.1H739.5z"></path>
|
||||
</g>
|
||||
<path class="st9" d="M320.3 257.8h549.9"></path>
|
||||
<g id="Text">
|
||||
<text transform="translate(377.037 230.025)" class="st8 st10" font-size="21">
|
||||
404
|
||||
</text>
|
||||
<text transform="translate(550.5 213.994)" class="st8 st10" font-size="24.025">
|
||||
Страница не найдена.
|
||||
</text>
|
||||
</g>
|
||||
<g id="ladders">
|
||||
<g id="ladder-f">
|
||||
<path id="front-ladder" class="st8" d="M433.8 258.4h17.8v34.8h-17.8z"></path>
|
||||
<path id="fb-rung" class="st9" d="M433.8 281.1h17.7"></path>
|
||||
<path id="ft-rung" class="st9" d="M433.8 268.6h17.7"></path>
|
||||
</g>
|
||||
<g id="ladder-b">
|
||||
<path id="ladder-back" class="st8" d="M851.8 257.8h17.8v34.8h-17.8z"></path>
|
||||
<path id="bt-rung" class="st9" d="M851.8 268.6h17.7"></path>
|
||||
<path id="bb-rung" class="st9" d="M851.8 281.1h17.7"></path>
|
||||
</g>
|
||||
</g>
|
||||
<path id="window-front" class="st8" d="M350.5 196.4s-.4 3.9 15.2 4.3l32.3-30.3s-18.2 1.1-19-.8l-28.5 26.8z"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 21 KiB |
1
live_monitor_vue/public/images/vite.svg
Normal file
1
live_monitor_vue/public/images/vite.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
1
live_monitor_vue/public/vite.svg
Normal file
1
live_monitor_vue/public/vite.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
Reference in New Issue
Block a user