Commit a126bab3 authored by Wolf's avatar Wolf 💯
Browse files

improve mobile

parent 9bacba36
......@@ -42,8 +42,9 @@ export default defineComponent({
}
}
@media (max-width: 600px) {
@media (max-width: 768px) {
.contributor-label {
width: calc(50% - 42px);
&--withCount {
font-size: 0.8rem;
}
......
......@@ -3,8 +3,8 @@
<h1>Contributors</h1>
<div class="contributors__subtitle">
We're a decentralized project, running on more than
{{ $accessor.shuffledContributors.length }} people contributing regularly
to Hive
{{ CONTRIBUTORS.length }} people contributing regularly to the Hive
Ecosystem
</div>
<div class="contributors__labels">
<ContributorsContributorLabel
......@@ -93,6 +93,7 @@ export default defineComponent({
return {
filteredContributors: filteredContributors as IContributor[],
contributorLabels,
CONTRIBUTORS,
}
},
methods: {
......
......@@ -74,8 +74,10 @@ export default defineComponent({
background: #e2e2ec;
border-radius: 5px;
&__image {
height: 180px;
width: 180px;
max-height: 180px;
max-width: 180px;
height: 100%;
width: 100%;
object-fit: contain;
border-radius: 10px;
}
......@@ -118,4 +120,25 @@ export default defineComponent({
color: #787885;
}
}
@media (max-width: 768px) {
.contributors-contributor {
&__image {
max-height: 160px;
max-width: 160px;
}
}
}
@media (max-width: 720px) {
.contributors-contributor {
flex: 1;
&__image {
max-height: 100%;
max-width: 100%;
min-width: 150px;
min-height: 150px;
}
}
}
</style>
......@@ -11,25 +11,30 @@
</h1>
<p class="about__text">{{ $t('about.text') }}</p>
<!-- <h2 style="opacity: 0.5; margin-top: 120px">Why choose Hive?</h2> -->
</div>
<div>
<div class="about__feature">
<h2 class="about__feature__text">{{ $t('about.featureFast') }}.</h2>
<h3>{{ $t('about.featureFastText') }}</h3>
</div>
<!-- <div class="about__feature">
<h2 class="about__feature__text">{{ $t('about.featureFast') }}.</h2>
<h3>{{ $t('about.featureFastText') }}</h3>
</div>
<div class="about__feature">
<h2 class="about__feature__text">
{{ $t('about.featureScalable') }}.
</h2>
<h3>{{ $t('about.featureScalableText') }}</h3>
</div>
<div class="about__feature">
<h2 class="about__feature__text">{{ $t('about.featureScalable') }}.</h2>
<h3>{{ $t('about.featureScalableText') }}</h3>
<div class="about__feature">
<h2 class="about__feature__text">
{{ $t('about.featurePowerful') }}.
</h2>
<h3>
{{ $t('about.featurePowerfulText') }}
</h3>
</div>
</div>
</div>
<div class="about__feature">
<h2 class="about__feature__text">{{ $t('about.featurePowerful') }}.</h2>
<h3>
{{ $t('about.featurePowerfulText') }}
</h3>
</div> -->
<Contributors />
</div>
</div>
......@@ -88,6 +93,7 @@ export default defineComponent({
h3 {
font-size: 1.2rem;
font-weight: 400;
text-align: left;
}
&__feature {
......
......@@ -72,13 +72,14 @@ export const mutations = mutationTree(state, {
export const actions = actionTree(
{state, getters, mutations},
{
async nuxtServerInit({commit}, {req, app}: any) {
await commit(
// async nuxtServerInit({commit}, {req, app}: any) {
// },
nuxtClientInit({commit}) {
commit(
'setShuffledContributors',
shuffleArray(CONTRIBUTORS.filter((e) => !e.inactive)),
)
},
nuxtClientInit({commit}) {
this.$axios
.get('https://hivedapps.com/api/global')
.then((result) => {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment