Updated mobile about us page
This commit is contained in:
parent
78b8e2246c
commit
e7d84aa26f
|
@ -10,7 +10,7 @@
|
|||
</div>
|
||||
|
||||
<div class="about-people">
|
||||
<div class="people-group">
|
||||
<div class="people-group polis">
|
||||
<div class="group-inner">
|
||||
<h2>
|
||||
<a :href="$t('about.teamLabel.polis.url')" target="_blank">
|
||||
|
@ -30,7 +30,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="people-group">
|
||||
<div class="people-group poe">
|
||||
<div class="group-inner">
|
||||
<h2>
|
||||
<a :href="$t('about.teamLabel.poe.url')" target="_blank">
|
||||
|
@ -50,7 +50,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="people-group">
|
||||
<div class="people-group dev">
|
||||
<div class="group-inner dark">
|
||||
<h2>{{ $t('about.teamLabel.dev') }}</h2>
|
||||
<ul>
|
||||
|
@ -110,6 +110,8 @@
|
|||
|
||||
@media (max-width: 630px) {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.people-group {
|
||||
|
@ -117,7 +119,20 @@
|
|||
text-align: center;
|
||||
|
||||
@media (max-width: 630px) {
|
||||
flex: 0 0 100%;
|
||||
width: 100%;
|
||||
|
||||
&.poe {
|
||||
order: 1;
|
||||
}
|
||||
|
||||
&.polis {
|
||||
order: 2;
|
||||
}
|
||||
|
||||
&.dev {
|
||||
order: 3;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -68,8 +68,8 @@
|
|||
},
|
||||
socialMedia: {
|
||||
twitter: {
|
||||
text: 'Great! German election is star-spangled. Curious what parties say about EU? See who you match up with',
|
||||
hashtags: 'GermanElections,EUROMAT'
|
||||
text: 'Great! German election is star-spangled. Curious what parties say about EU? Compare views & see your match:',
|
||||
hashtags: 'BTW17,EUROMAT'
|
||||
},
|
||||
facebook: 'Great! #GermanElections are now star-spangled. Curious what parties say about EU? Compare your views w/#EUROMAT & see who you match up with!',
|
||||
clipboard: 'Copied to clipboard'
|
||||
|
|
Loading…
Reference in a new issue