From 7ff960546079b7e4fb6d5f3d7dae46d1b3c58dfd Mon Sep 17 00:00:00 2001
From: LittleSheep <littlesheep.code@hotmail.com>
Date: Sun, 27 Jul 2025 01:49:18 +0800
Subject: [PATCH] :iphone: Responsive drive file page

---
 DysonNetwork.Drive/Client/src/views/files.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/DysonNetwork.Drive/Client/src/views/files.vue b/DysonNetwork.Drive/Client/src/views/files.vue
index 728552f..a0a6785 100644
--- a/DysonNetwork.Drive/Client/src/views/files.vue
+++ b/DysonNetwork.Drive/Client/src/views/files.vue
@@ -2,8 +2,8 @@
   <section class="min-h-full relative flex items-center justify-center">
     <n-spin v-if="!fileInfo && !error" />
     <n-result status="404" title="No file was found" :description="error" v-else-if="error" />
-    <n-card class="max-w-4xl my-4" v-else>
-      <n-grid :cols="2" x-gap="16">
+    <n-card class="max-w-4xl my-4 mx-8" v-else>
+      <n-grid cols="1 m:2" x-gap="16" y-gap="16" responsive="screen">
         <n-gi>
           <div v-if="fileInfo.is_encrypted">
             <n-alert type="info" size="small" title="Encrypted file">