Improve email explorer on mobile

G4brym · Sep 9, 2023 · 14cbbe5 · 14cbbe5
1 parent 682ed77
commit 14cbbe5
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 9 deletions.
diff --git a/packages/dashboard/scss/app.scss b/packages/dashboard/scss/app.scss
@@ -22,7 +22,7 @@ $variable-prefix: 'ct-';
 @import './dark-mode';
 @import './custom-variables';
 @import '../node_modules/bootstrap/scss/bootstrap';
-@import '../node_modules/bootstrap-icons/font/bootstrap-icons.css';
+@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css');
 
 //Components
 @import './custom/components/accordions';

diff --git a/packages/dashboard/src/components/email/EmailList.vue b/packages/dashboard/src/components/email/EmailList.vue
@@ -6,9 +6,9 @@
   </div>
 
   <div class="table-files">
-    <table class="table table-centered mb-0 d-block w-100">
-      <tbody class="d-flex flex-column">
-      <template v-if="$store.state.files.length > 0">
+    <template v-if="$store.state.files.length > 0">
+      <table class="table table-centered mb-0 d-block w-100">
+        <tbody class="d-flex flex-column">
         <tr class="pointer email-row" v-for="file in $store.state.files" :key="file.key"
             :class="{'unread': file.customMetadata.read !== 'true', 'read': file.customMetadata.read === 'true'}"
             @click="$router.push({name: 'email-file', params: {bucket: this.$route.params.bucket, folder: 'inbox',
@@ -29,9 +29,13 @@
             {{ getEmailDate(file.uploaded) }}
           </td>
         </tr>
-      </template>
+        </tbody>
+      </table>
+    </template>
 
-      <template v-else>
+    <template v-else>
+      <table class="table table-centered mb-0">
+        <tbody class="">
         <tr>
           <td colspan="100%">
             <div class="text-center">
@@ -41,9 +45,9 @@
             </div>
           </td>
         </tr>
-      </template>
-      </tbody>
-    </table>
+        </tbody>
+      </table>
+    </template>
   </div>
 
   <!--        <div class="row mt-3">-->
@@ -95,6 +99,7 @@ export default {
   background-color: #f3f7f9;
   z-index: 0
 }
+
 .unread {
   font-weight: 600;
   color: black;

diff --git a/worker/dev/wrangler.toml b/worker/dev/wrangler.toml
@@ -12,3 +12,8 @@ preview_bucket_name = 'teste'
 binding = 'r2-explorer-example-2'
 bucket_name = 'r2-explorer-example-2'
 preview_bucket_name = 'r2-explorer-example-2'
+
+[[r2_buckets]]
+binding = 'drive'
+bucket_name = 'drive'
+preview_bucket_name = 'drive'