From 3a7b5c296533c681e95ef955464067b066eae04d Mon Sep 17 00:00:00 2001
From: likui628 <90845831+likui628@users.noreply.github.com>
Date: Sun, 14 Jul 2024 11:17:40 +0800
Subject: [PATCH] fix: resolve responsive layout issues

---
 apps/web-antd/src/views/dashboard/workspace/index.vue       | 6 +++---
 .../common-ui/src/dashboard/workbench/workbench-project.vue | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/web-antd/src/views/dashboard/workspace/index.vue b/apps/web-antd/src/views/dashboard/workspace/index.vue
index 4aa7764f..69ae0574 100644
--- a/apps/web-antd/src/views/dashboard/workspace/index.vue
+++ b/apps/web-antd/src/views/dashboard/workspace/index.vue
@@ -211,12 +211,12 @@ const trendItems: WorkbenchTrendItem[] = [
       <template #description> 今日晴，20℃ - 32℃！ </template>
     </WorkbenchHeader>
 
-    <div class="mt-5 flex">
-      <div class="mr-4 w-full md:w-3/5">
+    <div class="mt-5 flex flex-col lg:flex-row">
+      <div class="mr-4 w-full lg:w-3/5">
         <WorkbenchProject :items="projectItems" title="项目" />
         <WorkbenchTrends :items="trendItems" class="mt-5" title="最新动态" />
       </div>
-      <div class="w-full md:w-2/5">
+      <div class="w-full lg:w-2/5">
         <WorkbenchQuickNav :items="quickNavItems" title="快捷导航" />
         <WorkbenchTodo :items="todoItems" class="mt-5" title="待办事项" />
         <AnalysisChartCard class="mt-5" title="访问来源">
diff --git a/packages/effects/common-ui/src/dashboard/workbench/workbench-project.vue b/packages/effects/common-ui/src/dashboard/workbench/workbench-project.vue
index 0271e138..46c1da29 100644
--- a/packages/effects/common-ui/src/dashboard/workbench/workbench-project.vue
+++ b/packages/effects/common-ui/src/dashboard/workbench/workbench-project.vue
@@ -36,7 +36,7 @@ withDefaults(defineProps<Props>(), {
             'border-b-0': index < 3,
             'pb-4': index > 2,
           }"
-          class="border-border group w-1/3 cursor-pointer border-b border-r border-t p-4 transition-all hover:shadow-xl"
+          class="border-border group w-full cursor-pointer border-b border-r border-t p-4 transition-all hover:shadow-xl md:w-1/2 lg:w-1/3"
         >
           <div class="flex items-center">
             <VbenIcon