diff --git a/src/views/Albums.vue b/src/views/Albums.vue
index 70fa56292..2c5463c43 100644
--- a/src/views/Albums.vue
+++ b/src/views/Albums.vue
@@ -31,12 +31,14 @@
:title="t('photos', 'Albums')"
:root-title="t('photos', 'Albums')"
@refresh="fetchAlbums">
-
-
+
+
+
+ {{ t('photos', 'New album') }}
- {{ t('photos', 'New album') }}
@@ -61,7 +63,9 @@
- {{ t('photos', 'New album') }}
+
+ {{ t('photos', 'New album') }}
+
@@ -72,7 +76,7 @@ import Plus from 'vue-material-design-icons/Plus.vue'
import FolderMultipleImage from 'vue-material-design-icons/FolderMultipleImage.vue'
import { generateUrl } from '@nextcloud/router'
-import { NcModal, NcButton, NcEmptyContent } from '@nextcloud/vue'
+import { NcModal, NcButton, NcEmptyContent, useIsSmallMobile } from '@nextcloud/vue'
import { translate, translatePlural } from '@nextcloud/l10n'
import { getCurrentUser } from '@nextcloud/auth'
@@ -113,6 +117,13 @@ export default {
FetchCollectionsMixin,
],
+ setup() {
+ const isMobile = useIsSmallMobile()
+ return {
+ isMobile,
+ }
+ },
+
data() {
return {
showAlbumCreationForm: false,