update

stepanenko3 · May 13, 2022 · 86413cd · 86413cd
1 parent 3ac8695
commit 86413cd
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 13 deletions.
diff --git a/dist/js/field.js b/dist/js/field.js
diff --git a/dist/js/tool.js b/dist/js/tool.js
diff --git a/resources/js/components/Manager.vue b/resources/js/components/Manager.vue
@@ -4,7 +4,7 @@
         id="filemanager-manager-container"
         v-cloak
     >
-        <div class="flex p-4 flex-wrap border-b border-gray-200 dark:border-gray-700">
+        <div class="flex p-4 mb-4 flex-wrap border-b border-gray-200 dark:border-gray-700">
             <OutlineButton
                 @click="$emit('refresh')"
                 class="mr-2"
@@ -110,7 +110,7 @@
             />
         </div>
 
-        <div class="px-4 mt-4 mb-2">
+        <div class="px-4 mb-2">
             <nav class="bg-gray-100 dark:bg-gray-900 rounded-lg w-full py-3 px-4">
                 <ol class="flex text-90">
                     <li>

diff --git a/resources/js/modals/DetailModal.vue b/resources/js/modals/DetailModal.vue
@@ -142,7 +142,7 @@
                         </span>
                     </div>
 
-                    <div class="w-full mb-2" v-if="info.url">
+                    <div class="w-full mb-4" v-if="info.url">
                         <div class="mb-1">{{ __('Url') }}:</div>
                         <div class="w-full mt-1 flex items-center">
                             <div
@@ -161,26 +161,39 @@
                         </div>
                     </div>
 
-                    <div class="flex items-center flex-wrap mt-4">
-                        <DefaultButton class="mr-4" v-if="popup" @click="selectFile">
+                    <div class="grid md:grid-cols-12 gap-4">
+                        <DefaultButton class="md:col-span-4" v-if="popup" @click="selectFile">
+                            <Icon
+                                type="check-circle"
+                                class="mr-1"
+                                width="18"
+                                height="18"
+                            />
+
                             {{ __('Choose') }}
                         </DefaultButton>
 
                         <a
-                            class="mr-4"
+                            class="md:col-span-4 flex"
                             v-if="buttons.download_file"
                             :href="`/nova-vendor/stepanenko3/nova-filemanager/actions/download-file?file=${this.info.path}`"
                         >
-                            <DefaultButton>
-                                <Icon type="download" class="mr-1" width="18" height="18" />
+                            <DefaultButton class="flex-grow">
+                                <Icon
+                                    type="download"
+                                    class="mr-1"
+                                    width="18"
+                                    height="18"
+                                />
+
                                 {{ __('Download') }}
                             </DefaultButton>
                         </a>
 
                         <ConfirmationButton
+                            class="md:col-span-4"
                             v-if="buttons.delete_file"
                             :messages="[__('Delete'), __('Are you sure?'), __('Deleting...')]"
-                            class="mr-3"
                             @success="removeFile"
                         >
                             <template v-slot:start>
@@ -191,11 +204,10 @@
                             </template>
                         </ConfirmationButton>
 
-
                         <ConfirmationButton
+                            class="md:col-span-4"
                             v-if="buttons.duplicate_file || true"
                             :messages="[__('Duplicate'), __('Are you sure?'), __('Duplicating...')]"
-                            class="mr-3"
                             @success="duplicate"
                         >
                             <template v-slot:start>
@@ -444,4 +456,8 @@
             width: 40%;
         }
     }
+
+    .gap-4 {
+        gap: 1rem;
+    }
 </style>