style: 💄 tweak home for mobile
This commit is contained in:
parent
b7025a7aa1
commit
7c151d8f58
@ -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>
|
||||||
|
@ -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,
|
||||||
|
Loading…
Reference in New Issue
Block a user