ourworld_web/www_threefold_io
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix map stats

Browse Source
This commit is contained in:
kristof de spiegeleer
2021-07-12 09:34:35 +00:00
parent ec26e788af
commit af3a47999c
1 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/marketing/sections/cta-sections/StateMap.vue
View File

@@ -13,7 +13,7 @@
> >
<div v-for="(value, key) in item" :key="key"> <div v-for="(value, key) in item" :key="key">
<dd <dd
class="text-5xl leading-none font-bold green-color" class="leading-none font-bold green-color"
:class="{ green: index % 2 !== 0 }" :class="{ green: index % 2 !== 0 }"
aria-describedby="item-1" aria-describedby="item-1"
> >
@@ -117,18 +117,28 @@ export default {
} }
dd { dd {
height: 180; height: 120;
width: 180px; width: 120px;
margin: auto; margin: auto;
border-radius: 50%; border-radius: 50%;
line-height: 180px; line-height: 120px;
border: 3px solid #847fc2; border: 3px solid #847fc2;
background-color: #313f92; background-color: #313f92;
color: #dacef5; color: #dacef5;
font-size: 2rem;
} }
.green { .green {
background-color: #92f5d9; background-color: #92f5d9;
color: #313f92; color: #313f92;
} }
@media only screen and (min-width: 1800px) {
dd {
height: 180px;
width: 180px;
line-height: 180px;
font-size: 3rem;
}
}
</style> </style>