YunoHost/yunohost-admin
1
0
Fork 0
mirror of https://github.com/YunoHost/yunohost-admin.git synced 2024-09-03 20:06:15 +02:00
Code Issues Projects Releases Packages Wiki Activity

appv2: display app logos in AppCatalog

Browse source
This commit is contained in:
axolotle 2023-01-05 21:39:42 +01:00
parent c2beaa30e3
commit 9f8fa7d70a
1 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
app/src/views/app/AppCatalog.vue
View file

@ -73,7 +73,9 @@
tabindex="0" :aria-posinset="i + 1" :aria-setsize="filteredApps.length" tabindex="0" :aria-posinset="i + 1" :aria-setsize="filteredApps.length"
no-body class="app-card" no-body class="app-card"
> >
<b-card-body class="d-flex flex-column"> <b-card-body>
<b-img v-if="app.logo_hash" class="app-logo rounded" :src="`./applogos/${app.logo_hash}.png`" />
<b-card-title :id="`${app.id}-title`" class="d-flex mb-2"> <b-card-title :id="`${app.id}-title`" class="d-flex mb-2">
<b-link :to="{ name: 'app-install', params: { id: app.id }}" class="card-link"> <b-link :to="{ name: 'app-install', params: { id: app.id }}" class="card-link">
{{ app.manifest.name }} {{ app.manifest.name }}
@ -453,8 +455,15 @@ export default {
.app-card { .app-card {
min-height: 125px; min-height: 125px;
text-align: start; text-align: start;
background-color: $gray-200;
.app-logo {
float: left;
background-color: white;
max-width: 91px;
margin-right: 1rem;
}
} }
} }
</style> </style>