style: 💄 tweak home for mobile
This commit is contained in:
parent
b7025a7aa1
commit
7c151d8f58
|
@ -3,12 +3,13 @@
|
|||
<Loading v-if="!currentFavoriteData" />
|
||||
<NcAvatar
|
||||
v-if="currentFavoriteData"
|
||||
class="avatar"
|
||||
:display-name="currentFavoriteData.author || currentFavoriteData.title"
|
||||
:is-no-user="true"
|
||||
:size="222"
|
||||
:url="currentFavoriteData.imageUrl" />
|
||||
<div class="list">
|
||||
<h2>{{ currentFavoriteData.title }}</h2>
|
||||
<h2 class="title">{{ currentFavoriteData.title }}</h2>
|
||||
<Loading v-if="loading" />
|
||||
<ul v-if="!loading">
|
||||
<Episode
|
||||
|
@ -94,4 +95,14 @@ export default {
|
|||
.list {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.title {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.avatar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -78,7 +78,7 @@ export default {
|
|||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.infos {
|
||||
flex: 2;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.timer,
|
||||
|
|
Loading…
Reference in New Issue