You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
39 lines
880 B
39 lines
880 B
1 month ago
|
<template>
|
||
|
|
<section class="screen-container">
|
||
|
|
<Header />
|
||
|
|
<section class="chart-wrapper">
|
||
|
|
<LeftWrapper />
|
||
|
|
<Map />
|
||
|
|
<Rightwrapper />
|
||
|
|
</section>
|
||
|
|
</section>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup lang="ts">
|
||
|
|
import Header from './compenonts/header.vue'
|
||
|
|
import Map from './compenonts/map.vue'
|
||
|
|
import LeftWrapper from './compenonts/leftwrapper.vue'
|
||
|
|
import Rightwrapper from './compenonts/rightwrapper.vue'
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped lang="scss">
|
||
|
|
.screen-container {
|
||
|
|
width: 100vw;
|
||
|
|
height: 100vh;
|
||
|
|
box-sizing: border-box;
|
||
|
|
background: linear-gradient(180deg, #00a261 0%, #082019 100%);
|
||
|
|
overflow: hidden;
|
||
|
|
display: grid;
|
||
|
|
grid-template-rows: 83px 1fr;
|
||
|
|
grid-template-columns: 1fr;
|
||
|
|
padding: 12px 12px;
|
||
|
|
grid-gap: 24px;
|
||
|
|
color: #fff;
|
||
|
|
.chart-wrapper {
|
||
|
|
display: grid;
|
||
|
|
grid-template-rows: 1fr;
|
||
|
|
grid-template-columns: 1fr 2.5fr 1fr;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|