Peertube
/
sepia-search-motore-di-ricerca-video
mirror of https://framagit.org/framasoft/peertube/search-index/
1
0
Fork 0
Code Issues Releases Wiki Activity

Prevent layout shift

This commit is contained in:
Chocobozzz 2021-07-05 10:02:33 +02:00
parent 5448c9fa38
commit 3e69838cac
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
client/src/components/Header.vue
View File

@ -6,7 +6,7 @@
<h1>
<span v-if="configLoaded && !titleImageUrl">{{indexName}}</span>
<img class="title-image" v-if="configLoaded && titleImageUrl" v-bind:src="titleImageUrl" v-bind:alt="indexName" />
<img class="title-image" :src="titleImageUrl" :alt="indexName" />
</h1>
<template v-if="!smallFormat">
@ -16,7 +16,9 @@
<div v-translate>Developed by <a href="https://framasoft.org" target="_blank">Framasoft</a></div>
</h4>
<img class="search-home" v-bind:src="searchImageUrl" alt="">
<div class="search-home">
<img v-if="searchImageUrl" :src="searchImageUrl" alt="">
</div>
</template>
</header>
</div>
@ -44,6 +46,11 @@
width: 300px;
height: 250px;
margin: 30px 0 0 0;
img {
width: inherit;
height: inherit;
}
}
h1 {
@ -56,6 +63,7 @@
.title-image {
max-width: 500px;
height: 78px;
}
h4 {