From f498e31c3ffa324606eff76c297d715006b7ca6c Mon Sep 17 00:00:00 2001
From: Danny Coulombe <contact@dannycoulombe.com>
Date: Thu, 18 Dec 2025 12:06:28 -0500
Subject: [PATCH 1/2] Make FileManager responsive

---
 src/components/FileManager.vue | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/components/FileManager.vue b/src/components/FileManager.vue
index 8b05516..5167c18 100644
--- a/src/components/FileManager.vue
+++ b/src/components/FileManager.vue
@@ -8,9 +8,11 @@ import VideoPlayer from '@/components/VideoPlayer.vue';
 import {downloadFilesAsZip, getFileIcon, phpStringSizeToBytes} from '@/utils';
 import ModalDialog from '@/components/ModalDialog.vue';
 import {isFolderSynced, useSyncing, blobFileList} from "@/composables/syncing";
+import {useDisplay} from "vuetify/framework";
 
 const globalStore = useGlobalStore();
 const syncing = useSyncing();
+const { smAndDown } = useDisplay()
 const structure = defineModel<IStructure>({ required: true });
 const { selected = [], serverSettings, canUpload = false, canAddToLocal = false, canDelete = false, canSelect = false, canDownload = false } = defineProps<{
   selected?: IFile[],
@@ -328,7 +330,7 @@ watch(() => globalStore.fileManager.visible, () => {
     persistent
     scrollable
   >
-    <template v-if="globalStore.session.loggedIn" #append>
+    <template v-if="globalStore.session.loggedIn && !smAndDown" #append>
       <v-tabs v-model="filter" class="my-n4" density="compact">
         <v-tab value="all">
           All ({{ getFilesByType('all').length }})
@@ -351,7 +353,7 @@ watch(() => globalStore.fileManager.visible, () => {
         prepend-inner-icon="mdi-magnify"
         hide-details
       >
-        <template #append-inner>
+        <template v-if="!smAndDown" #append-inner>
           <div class="d-flex align-center" style="gap: 0.5rem">
             <v-select
               v-model="sortBy"
@@ -535,10 +537,14 @@ watch(() => globalStore.fileManager.visible, () => {
             v-if="!canSelect || globalStore.fileManager.multiple"
             v-bind="props"
             :disabled="loading || selectedFiles.length === 0"
+            :icon="smAndDown"
             variant="text"
           >
-            Bulk Actions
-            <v-icon icon="mdi-chevron-up" end />
+            <template v-if="!smAndDown">
+              Bulk Actions
+              <v-icon icon="mdi-chevron-up" end />
+            </template>
+            <v-icon v-else icon="mdi-dots-vertical" />
           </v-btn>
         </template>
         <v-list>
@@ -563,6 +569,7 @@ watch(() => globalStore.fileManager.visible, () => {
         </v-list>
       </v-menu>
       <v-checkbox
+        v-if="!smAndDown"
         v-model="showInfo"
         label="Show additional info"
         hide-details

From 879d8a6ad1a7144bcdd2662c88720ccc3b371cdb Mon Sep 17 00:00:00 2001
From: Danny Coulombe <contact@dannycoulombe.com>
Date: Thu, 18 Dec 2025 12:06:43 -0500
Subject: [PATCH 2/2] Disable save button if not synced or not connected to an
 endpoint

---
 src/components/StructureEditor.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/StructureEditor.vue b/src/components/StructureEditor.vue
index 081cb59..f9d3d05 100644
--- a/src/components/StructureEditor.vue
+++ b/src/components/StructureEditor.vue
@@ -591,7 +591,7 @@ watch(() => globalStore.userSettings.data, () => {
                     v-if="structure"
                     v-bind="props"
                     :loading="structureStates.saving"
-                    :disabled="!canSaveStructure || (!modelStore.structure.server_url && !isFolderSynced(modelStore.structure)) || structureStates.saving || structureStates.saved"
+                    :disabled="!canSaveStructure || ((!modelStore.structure.server_url || !globalStore.session.loggedIn) && !isFolderSynced(modelStore.structure)) || structureStates.saving || structureStates.saved"
                     :prepend-icon="!structureStates.saved ? 'mdi-content-save' : 'mdi-check'"
                     variant="outlined"
                     color="primary"