style: 💄 tweak home for mobile

This commit is contained in:
Michel Roux 2024-08-27 17:39:53 +02:00
parent b7025a7aa1
commit 7c151d8f58
2 changed files with 13 additions and 2 deletions

View File

@ -3,12 +3,13 @@
<Loading v-if="!currentFavoriteData" /> <Loading v-if="!currentFavoriteData" />
<NcAvatar <NcAvatar
v-if="currentFavoriteData" v-if="currentFavoriteData"
class="avatar"
:display-name="currentFavoriteData.author || currentFavoriteData.title" :display-name="currentFavoriteData.author || currentFavoriteData.title"
:is-no-user="true" :is-no-user="true"
:size="222" :size="222"
:url="currentFavoriteData.imageUrl" /> :url="currentFavoriteData.imageUrl" />
<div class="list"> <div class="list">
<h2>{{ currentFavoriteData.title }}</h2> <h2 class="title">{{ currentFavoriteData.title }}</h2>
<Loading v-if="loading" /> <Loading v-if="loading" />
<ul v-if="!loading"> <ul v-if="!loading">
<Episode <Episode
@ -94,4 +95,14 @@ export default {
.list { .list {
flex: 1; flex: 1;
} }
.title {
text-align: center;
}
@media only screen and (max-width: 768px) {
.avatar {
display: none;
}
}
</style> </style>

View File

@ -78,7 +78,7 @@ export default {
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
.infos { .infos {
flex: 2; flex: 1;
} }
.timer, .timer,