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,6 +7,7 @@
:is-no-user="true"
:size="128"
:url="imageUrl" />
<div class="inner">
<div class="infos">
<h2>{{ title }}</h2>
<a :href="link" target="_blank">
@ -26,6 +27,7 @@
</NcAppNavigationNew>
</div>
</div>
</div>
</template>
<script>
@ -107,7 +109,6 @@ export default {
display: flex;
gap: 2rem;
height: 10rem;
overflow: auto;
position: relative;
}
@ -117,4 +118,18 @@ export default {
padding: 2rem;
position: relative;
}
.infos {
overflow: auto;
}
.inner {
display: flex;
}
@media only screen and (max-width: 768px) {
.inner {
flex-direction: column;
}
}
</style>