From 4cfa8fe6e09d1fde5b6732771a5f037278d0fc98 Mon Sep 17 00:00:00 2001
From: cuixiaorui <cui_xiaorui@126.com>
Date: Sat, 20 Jul 2024 11:32:13 +0800
Subject: [PATCH] style: adaptive mobile terminal

---
 .../components/FoundingMemberNotice.vue       | 30 ++++++++++++++-----
 1 file changed, 23 insertions(+), 7 deletions(-)

diff --git a/apps/client/components/FoundingMemberNotice.vue b/apps/client/components/FoundingMemberNotice.vue
index 1969ed1b..30c7362c 100644
--- a/apps/client/components/FoundingMemberNotice.vue
+++ b/apps/client/components/FoundingMemberNotice.vue
@@ -1,12 +1,28 @@
 <template>
-  <div
-    class="flex w-full items-center justify-between rounded-lg bg-purple-600 px-4 py-1 text-white"
-    v-if="showNotice"
-  >
-    <span class="font-bold"
-      >【邀请函】加入 Earthworm 创始会员 与我们一起成就更好的英语学习平台</span
+  <div class="w-full rounded-lg bg-purple-600 px-4 py-1 text-white">
+    <div
+      class="flex items-center justify-between"
+      v-if="showNotice"
     >
-    <div class="flex space-x-4">
+      <div class="font-bold">
+        【邀请函】加入 Earthworm 创始会员 与我们一起成就更好的英语学习平台
+      </div>
+      <div class="hidden sm:flex sm:space-x-4">
+        <button
+          class="text-black"
+          @click="dismissNotice"
+        >
+          不感兴趣
+        </button>
+        <button
+          class="rounded-lg bg-white px-4 font-bold text-purple-600"
+          @click="handleShowDetails"
+        >
+          查看详情
+        </button>
+      </div>
+    </div>
+    <div class="flex items-center justify-center gap-8 sm:hidden">
       <button
         class="text-black"
         @click="dismissNotice"