Niquarl/joinpeertube
1
0
Fork 0
forked from nutomic/joinpeertube
Code Issues Pull requests Releases Wiki Activity

Add instances list source information

Browse source
This commit is contained in:
Chocobozzz 2020-01-30 09:56:08 +01:00
parent 9986186685
commit 5c68e301ca
No known key found for this signature in database
GPG key ID: 583A612D890159BE
1 changed files with 16 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/components/InstancesList.vue
View file

@ -103,8 +103,12 @@
</div> </div>
<div class="list"> <div class="list">
<div class="title"> <div class="block-title">
<translate>Instances list</translate> <div class="left">
<div class="title" v-translate>Instances list</div>
<div class="additional-info" v-translate>Built from instances.joinpeertube.org</div>
</div>
<div class="mascot-loading-block"> <div class="mascot-loading-block">
<img v-bind:class="{ animate: loadingAnimation }" v-on:animationend="loadingAnimation = false" class="mascot-loading" :src="buildImgUrl('mascot/happy.png')" alt="Loading..."> <img v-bind:class="{ animate: loadingAnimation }" v-on:animationend="loadingAnimation = false" class="mascot-loading" :src="buildImgUrl('mascot/happy.png')" alt="Loading...">
@ -171,10 +175,19 @@
} }
.list { .list {
.title { .block-title {
height: 150px; height: 150px;
display: flex; display: flex;
align-items: center; align-items: center;
.left {
max-width: 250px;
}
.additional-info {
font-style: italic;
font-size: 12px;
}
} }
.instance { .instance {