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" :is-no-user="true"
:size="128" :size="128"
:url="imageUrl" /> :url="imageUrl" />
<div class="inner">
<div class="infos"> <div class="infos">
<h2>{{ title }}</h2> <h2>{{ title }}</h2>
<a :href="link" target="_blank"> <a :href="link" target="_blank">
@ -26,6 +27,7 @@
</NcAppNavigationNew> </NcAppNavigationNew>
</div> </div>
</div> </div>
</div>
</template> </template>
<script> <script>
@ -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>