upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-05-28 04:32:30 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 25

fix(settings): apps list layout on mobile

Browse source 
Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
This commit is contained in:
Grigorii K. Shartsev 2024-03-15 19:32:55 +01:00
parent af616113b5
commit 295b7cbc1a
2 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
apps/settings/src/components/AppList.vue
View file

@ -21,8 +21,8 @@
-->
<template>
<div id="app-content-inner">
<div id="apps-list" class="apps-list" :class="{installed: (useBundleView || useListView), store: useAppStoreView}">
<div id="app-content-inner" class="{ 'with-app-sidebar': !!selectedApp }">
<div id="apps-list" class="apps-list" :class="{installed: (useBundleView || useListView), store: useAppStoreView }">
<template v-if="useListView">
<div v-if="showUpdateAll" class="toolbar">
{{ n('settings', '%n app has an update available', '%n apps have an update available', counter) }}
@ -237,6 +237,9 @@ export default {
return false
})
},
selectedApp() {
return this.apps.find(app => app.id === this.$route.params.id)
},
useAppStoreView() {
return !this.useListView && !this.useBundleView
},

2
apps/settings/src/components/AppList/AppItem.vue
View file

@ -73,7 +73,7 @@
<span v-else-if="app.appstoreData.releases[0].version">{{ app.appstoreData.releases[0].version }}</span>
</component>
<component :is="dataItemTag" :headers="getDataItemHeaders(`app-table-col-level`)">
<component :is="dataItemTag" :headers="getDataItemHeaders(`app-table-col-level`)" class="app-level">
<AppLevelBadge :level="app.level" />
<AppScore v-if="hasRating && !listView" :score="app.score" />
</component>