feat: add style for mail list (#78)

frontend/package.json

@@ -10,18 +10,18 @@
   },
   "dependencies": {
     "@vicons/material": "^0.12.0",
-    "@vueuse/core": "^10.7.1",
+    "@vueuse/core": "^10.9.0",
-    "axios": "^1.6.5",
+    "axios": "^1.6.8",
-    "naive-ui": "^2.37.3",
+    "naive-ui": "^2.38.1",
     "vooks": "^0.2.12",
-    "vue": "^3.4.13",
+    "vue": "^3.4.21",
     "vue-clipboard3": "^2.0.0",
-    "vue-i18n": "^9.9.0",
+    "vue-i18n": "^9.10.2",
-    "vue-router": "^4.2.5"
+    "vue-router": "^4.3.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.6.2",
-    "vite": "^4.5.1",
+    "vite": "^5.2.2",
-    "vite-plugin-pwa": "^0.17.4"
+    "vite-plugin-pwa": "^0.19.6"
   }
 }

frontend/src/views/Content.vue

@@ -219,7 +219,7 @@ onMounted(async () => {
                 </n-button>
               </n-space>
             </template>
-            <div v-html="row.message"></div>
+            <div v-html="row.message" style="max-height: 400px; overflow: auto; text-align: left;"></div>
           </n-thing>
         </n-list-item>
       </n-list>
@@ -278,7 +278,8 @@ onMounted(async () => {
             </template>
           </n-thing>
           <template #suffix>
-            <n-button tag="a" target="_blank" tertiary type="info" size="small'" :download="row.filename" :href="row.url">
+            <n-button tag="a" target="_blank" tertiary type="info" size="small'" :download="row.filename"
+              :href="row.url">
               <n-icon :component="CloudDownloadRound" />
             </n-button>
           </template>

frontend/vite.config.js

@@ -20,6 +20,7 @@ export default defineConfig({
         name: 'Temp Email',
         short_name: 'Temp Email',
         description: 'Temp Email - Temporary Email',
+        theme_color: '#ffffff',
         icons: [
           {
             src: '/logo.png',