fix banner on mobile
Some checks failed
repod / nodejs (push) Waiting to run
repod / xml (push) Successful in 18s
repod / php (push) Has been cancelled

This commit is contained in:
Michel Roux 2023-12-24 10:58:37 +01:00
parent ca35be9dd1
commit 00b45a2c7c

View File

@ -7,23 +7,25 @@
:is-no-user="true" :is-no-user="true"
:size="128" :size="128"
:url="imageUrl" /> :url="imageUrl" />
<div class="infos"> <div class="inner">
<h2>{{ title }}</h2> <div class="infos">
<a :href="link" target="_blank"> <h2>{{ title }}</h2>
<i>{{ author }}</i> <a :href="link" target="_blank">
</a> <i>{{ author }}</i>
<br><br> </a>
<p> <br><br>
<small>{{ description | stripHTML }}</small> <p>
</p> <small>{{ description | stripHTML }}</small>
</p>
</div>
<NcAppNavigationNew v-if="!isSubscribed"
:text="t('Subscribe')"
@click="addSubscription">
<template #icon>
<Plus :size="20" />
</template>
</NcAppNavigationNew>
</div> </div>
<NcAppNavigationNew v-if="!isSubscribed"
:text="t('Subscribe')"
@click="addSubscription">
<template #icon>
<Plus :size="20" />
</template>
</NcAppNavigationNew>
</div> </div>
</div> </div>
</template> </template>
@ -107,7 +109,6 @@ export default {
display: flex; display: flex;
gap: 2rem; gap: 2rem;
height: 10rem; height: 10rem;
overflow: auto;
position: relative; position: relative;
} }
@ -117,4 +118,18 @@ export default {
padding: 2rem; padding: 2rem;
position: relative; position: relative;
} }
.infos {
overflow: auto;
}
.inner {
display: flex;
}
@media only screen and (max-width: 768px) {
.inner {
flex-direction: column;
}
}
</style> </style>