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.
38 lines
880 B
38 lines
880 B
<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>
|
|
|