From 2ff66bcabc4fbffe85ec31568c10968b7ff33a95 Mon Sep 17 00:00:00 2001
From: Eric85710 <ericchen87887@gmail.com>
Date: Thu, 4 Jun 2026 16:52:08 +0800
Subject: [PATCH] dm-83

---
 .../React_Emoji_Panel.kt                      | 40 ++++++++++++++++---
 1 file changed, 34 insertions(+), 6 deletions(-)

diff --git a/app/src/main/java/com/example/login_v3/home/Message/UI/Detail/Message_Messaging_detail/React_Emoji_Panel.kt b/app/src/main/java/com/example/login_v3/home/Message/UI/Detail/Message_Messaging_detail/React_Emoji_Panel.kt
index de77762..af8ae00 100644
--- a/app/src/main/java/com/example/login_v3/home/Message/UI/Detail/Message_Messaging_detail/React_Emoji_Panel.kt
+++ b/app/src/main/java/com/example/login_v3/home/Message/UI/Detail/Message_Messaging_detail/React_Emoji_Panel.kt
@@ -1,5 +1,7 @@
 package com.example.login_v3.home.Message.UI.Detail.Message_Messaging_detail
 
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
@@ -16,12 +18,15 @@ import androidx.compose.foundation.lazy.grid.GridCells
 import androidx.compose.foundation.lazy.grid.LazyVerticalGrid
 import androidx.compose.foundation.lazy.grid.items
 import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Surface
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.remember
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.blur
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.text.font.FontWeight
@@ -105,13 +110,36 @@ fun MessageEmojiBar(
     // 💡 修正 1：改為呼叫你實際定義的 getFullEmojiPack()
     val emojiList = remember { EmojiProvider.getFullEmojiPack() }
 
-    Surface(
-        modifier = modifier
+    Box(
+        modifier = Modifier
             .fillMaxWidth()
-            .height(300.dp),
-        color = Color(0xFFF5F5F5),
-        tonalElevation = 4.dp
-    ) {
+            .height(300.dp)
+            .padding(horizontal = 16.dp, vertical = 8.dp)
+    ){
+
+        //glass effect
+        Box(
+            modifier = Modifier
+                .matchParentSize()
+                .blur(10.dp)
+        )
+        Box(
+            modifier = Modifier
+                .matchParentSize()
+                .background(
+                    color = MaterialTheme.colorScheme.primary,
+                    RoundedCornerShape(16.dp)
+                )
+                .border(
+                    1.dp,
+                    Color.White.copy(alpha = 0.3f),
+                    RoundedCornerShape(16.dp)
+                )
+        )
+
+
+
+
         Column(
             modifier = Modifier
                 .navigationBarsPadding()