Better subtitles

This commit is contained in:
Chocobozzz 2019-10-31 17:17:53 +01:00
parent 2b362404d5
commit 9b565da143
No known key found for this signature in database
GPG key ID: 583A612D890159BE
2 changed files with 12 additions and 5 deletions

View file

@ -9,21 +9,21 @@
<div class="icon"> <div class="icon">
<icon-video></icon-video> <icon-video></icon-video>
</div> </div>
<div>Watch the video</div> <div v-translate>Watch the video</div>
</template> </template>
<template v-if="type === 'channel'"> <template v-if="type === 'channel'">
<div class="icon"> <div class="icon">
<icon-channel></icon-channel> <icon-channel></icon-channel>
</div> </div>
<div>Discover the channel</div> <div v-translate>Discover the channel</div>
</template> </template>
<template v-if="type === 'instance'"> <template v-if="type === 'instance'">
<div class="icon"> <div class="icon">
<icon-instance></icon-instance> <icon-instance></icon-instance>
</div> </div>
<div>Go on the instance</div> <div v-translate>Go on the instance</div>
</template> </template>
</a> </a>
</div> </div>

View file

@ -198,8 +198,15 @@ p > a {
font-size: 24px; font-size: 24px;
font-weight: $font-semibold; font-weight: $font-semibold;
white-space: nowrap; white-space: nowrap;
margin: 100px auto 0; margin: 100px 130px 0;
width: 600px; width: fit-content;
flex-direction: column;
.border-title {
width: 98%;
align-self: flex-start;
margin-left: 0;
}
@media screen and (max-width: $responsive-screen) { @media screen and (max-width: $responsive-screen) {
white-space: normal; white-space: normal;