diff options
author | julia.kirschenheuter <julia.kirschenheuter@nextcloud.com> | 2023-09-01 17:27:45 +0200 |
---|---|---|
committer | Grigorii K. Shartsev <me@shgk.me> | 2023-09-06 09:58:04 +0200 |
commit | 1793235b39273ba273848de8eb5807bd01b8689f (patch) | |
tree | c0375c365aca2d10cd393fcb7714a6b382db4d28 /apps | |
parent | 00c0813ce6209e8910b60b48172743fc13bb1a15 (diff) | |
download | nextcloud-server-1793235b39273ba273848de8eb5807bd01b8689f.tar.gz nextcloud-server-1793235b39273ba273848de8eb5807bd01b8689f.zip |
Create right list view for app store view
Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>
Diffstat (limited to 'apps')
-rw-r--r-- | apps/settings/src/components/AppList.vue | 8 | ||||
-rw-r--r-- | apps/settings/src/components/AppList/AppItem.vue | 2 |
2 files changed, 7 insertions, 3 deletions
diff --git a/apps/settings/src/components/AppList.vue b/apps/settings/src/components/AppList.vue index 875ba67fc8d..18c4331e0f9 100644 --- a/apps/settings/src/components/AppList.vue +++ b/apps/settings/src/components/AppList.vue @@ -103,13 +103,13 @@ :category="category" /> </template> </table> - <template v-if="useAppStoreView"> + <ul v-if="useAppStoreView" class="apps-store-view"> <AppItem v-for="app in apps" :key="app.id" :app="app" :category="category" :list-view="false" /> - </template> + </ul> </div> <div id="apps-list-search" class="apps-list installed"> @@ -295,4 +295,8 @@ export default { line-height: 30px; color: var(--color-text-light); } + .apps-store-view { + display: flex; + flex-wrap: wrap; + } </style> diff --git a/apps/settings/src/components/AppList/AppItem.vue b/apps/settings/src/components/AppList/AppItem.vue index 46c0612213d..f4948464e8d 100644 --- a/apps/settings/src/components/AppList/AppItem.vue +++ b/apps/settings/src/components/AppList/AppItem.vue @@ -21,7 +21,7 @@ --> <template> - <component :is="listView ? `tr` : `div`" + <component :is="listView ? `tr` : `li`" class="section" :class="{ selected: isSelected }" @click="showAppDetails"> |