diff --git a/images/file.svg b/images/file.svg
index cc0fb6d..ba5f2d1 100644
--- a/images/file.svg
+++ b/images/file.svg
@@ -1,14 +1 @@
-
-
+
\ No newline at end of file
diff --git a/images/photo.svg b/images/photo.svg
index 2e8b1b2..838ca8b 100644
--- a/images/photo.svg
+++ b/images/photo.svg
@@ -1,16 +1 @@
-
-
+
\ No newline at end of file
diff --git a/images/screen.svg b/images/screen.svg
index 60c1170..d58b683 100644
--- a/images/screen.svg
+++ b/images/screen.svg
@@ -1,12 +1 @@
-
-
+
\ No newline at end of file
diff --git a/images/take_video.svg b/images/take_video.svg
new file mode 100644
index 0000000..2424710
--- /dev/null
+++ b/images/take_video.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/video-call.svg b/images/video-call.svg
index d2c8035..50a5927 100644
--- a/images/video-call.svg
+++ b/images/video-call.svg
@@ -1,18 +1 @@
-
-
+
\ No newline at end of file
diff --git a/images/voice-call.svg b/images/voice-call.svg
index 2a704aa..f7cda79 100644
--- a/images/voice-call.svg
+++ b/images/voice-call.svg
@@ -1,14 +1 @@
-
-
+
\ No newline at end of file
diff --git a/lib/ui/views/TIMUIKitChat/TIMUIKitTextField/tim_uikit_more_panel.dart b/lib/ui/views/TIMUIKitChat/TIMUIKitTextField/tim_uikit_more_panel.dart
index ae08918..b6d6f1e 100644
--- a/lib/ui/views/TIMUIKitChat/TIMUIKitTextField/tim_uikit_more_panel.dart
+++ b/lib/ui/views/TIMUIKitChat/TIMUIKitTextField/tim_uikit_more_panel.dart
@@ -134,15 +134,21 @@ class _MorePanelState extends TIMUIKitState {
);
},
icon: Container(
- height: 64,
- width: 64,
+ height: 60,
+ width: 60,
margin: const EdgeInsets.only(bottom: 4),
- decoration: const BoxDecoration(color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(5))),
- child: SvgPicture.asset(
- "images/photo.svg",
- package: 'tencent_cloud_chat_uikit',
- height: 64,
- width: 64,
+ decoration: const BoxDecoration(
+ color: Color(0xFFF0F0F0),
+ borderRadius: BorderRadius.all(Radius.circular(10))),
+ child: Center(
+ child: SvgPicture.asset(
+ "images/photo.svg",
+ package: 'tencent_cloud_chat_uikit',
+ height: 26,
+ width: 26,
+ colorFilter: const ColorFilter.mode(
+ Color(0xFF606060), BlendMode.srcIn),
+ ),
),
)),
if (PlatformUtils().isMobile)
@@ -153,15 +159,21 @@ class _MorePanelState extends TIMUIKitState {
_onFeatureTap("take_photo", c, model, theme);
},
icon: Container(
- height: 64,
- width: 64,
+ height: 60,
+ width: 60,
margin: const EdgeInsets.only(bottom: 4),
- decoration: const BoxDecoration(color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(5))),
- child: SvgPicture.asset(
- "images/screen.svg",
- package: 'tencent_cloud_chat_uikit',
- height: 64,
- width: 64,
+ decoration: const BoxDecoration(
+ color: Color(0xFFF0F0F0),
+ borderRadius: BorderRadius.all(Radius.circular(10))),
+ child: Center(
+ child: SvgPicture.asset(
+ "images/screen.svg",
+ package: 'tencent_cloud_chat_uikit',
+ height: 26,
+ width: 26,
+ colorFilter: const ColorFilter.mode(
+ Color(0xFF606060), BlendMode.srcIn),
+ ),
),
)),
if (PlatformUtils().isMobile)
@@ -172,15 +184,27 @@ class _MorePanelState extends TIMUIKitState {
_onFeatureTap("take_video", c, model, theme);
},
icon: Container(
- height: 64,
- width: 64,
+ height: 60,
+ width: 60,
margin: const EdgeInsets.only(bottom: 4),
- decoration: const BoxDecoration(color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(5))),
- child: Image.asset(
- "images/take_video.png",
- package: 'tencent_cloud_chat_uikit',
- height: 64,
- width: 64,
+ decoration: const BoxDecoration(
+ color: Color(0xFFF0F0F0),
+ borderRadius: BorderRadius.all(Radius.circular(10))),
+ child: Center(
+ child: SvgPicture.asset(
+ "images/take_video.svg",
+ package: 'tencent_cloud_chat_uikit',
+ height: 26,
+ width: 26,
+ colorFilter: const ColorFilter.mode(
+ Color(0xFF606060), BlendMode.srcIn),
+ ),
+ // Image.asset(
+ // "images/take_video.png",
+ // package: 'tencent_cloud_chat_uikit',
+ // height: 64,
+ // width: 64,
+ // ),
),
)),
if (PlatformUtils().isWeb)
@@ -196,15 +220,21 @@ class _MorePanelState extends TIMUIKitState {
);
},
icon: Container(
- height: 64,
- width: 64,
+ height: 60,
+ width: 60,
margin: const EdgeInsets.only(bottom: 4),
- decoration: const BoxDecoration(color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(5))),
- child: SvgPicture.asset(
- "images/photo.svg",
- package: 'tencent_cloud_chat_uikit',
- height: 64,
- width: 64,
+ decoration: const BoxDecoration(
+ color: Color(0xFFF0F0F0),
+ borderRadius: BorderRadius.all(Radius.circular(10))),
+ child: Center(
+ child: SvgPicture.asset(
+ "images/photo.svg",
+ package: 'tencent_cloud_chat_uikit',
+ height: 26,
+ width: 26,
+ colorFilter: const ColorFilter.mode(
+ Color(0xFF606060), BlendMode.srcIn),
+ ),
),
)),
if (PlatformUtils().isWeb)
@@ -220,11 +250,16 @@ class _MorePanelState extends TIMUIKitState {
);
},
icon: Container(
- height: 64,
- width: 64,
+ height: 60,
+ width: 60,
margin: const EdgeInsets.only(bottom: 4),
- decoration: const BoxDecoration(color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(5))),
- child: Icon(Icons.video_file, color: hexToColor("5c6168"), size: 26),
+ decoration: const BoxDecoration(
+ color: Color(0xFFF0F0F0),
+ borderRadius: BorderRadius.all(Radius.circular(10))),
+ child: Center(
+ child:
+ Icon(Icons.video_file, color: Color(0xFF606060), size: 26),
+ ),
)),
MorePanelItem(
id: "file",
@@ -238,15 +273,21 @@ class _MorePanelState extends TIMUIKitState {
);
},
icon: Container(
- height: 64,
- width: 64,
+ height: 60,
+ width: 60,
margin: const EdgeInsets.only(bottom: 4),
- decoration: const BoxDecoration(color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(5))),
- child: SvgPicture.asset(
- "images/file.svg",
- package: 'tencent_cloud_chat_uikit',
- height: 64,
- width: 64,
+ decoration: const BoxDecoration(
+ color: Color(0xFFF0F0F0),
+ borderRadius: BorderRadius.all(Radius.circular(10))),
+ child: Center(
+ child: SvgPicture.asset(
+ "images/file.svg",
+ package: 'tencent_cloud_chat_uikit',
+ height: 26,
+ width: 26,
+ colorFilter:
+ const ColorFilter.mode(Color(0xFF606060), BlendMode.srcIn),
+ ),
),
)),
if (isInstallCallkit && PlatformUtils().isMobile)
@@ -262,15 +303,21 @@ class _MorePanelState extends TIMUIKitState {
);
},
icon: Container(
- height: 64,
- width: 64,
+ height: 60,
+ width: 60,
margin: const EdgeInsets.only(bottom: 4),
- decoration: const BoxDecoration(color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(5))),
- child: SvgPicture.asset(
- "images/video-call.svg",
- package: 'tencent_cloud_chat_uikit',
- height: 64,
- width: 64,
+ decoration: const BoxDecoration(
+ color: Color(0xFFF0F0F0),
+ borderRadius: BorderRadius.all(Radius.circular(10))),
+ child: Center(
+ child: SvgPicture.asset(
+ "images/video-call.svg",
+ package: 'tencent_cloud_chat_uikit',
+ height: 26,
+ width: 26,
+ colorFilter: const ColorFilter.mode(
+ Color(0xFF606060), BlendMode.srcIn),
+ ),
),
)),
if (isInstallCallkit && PlatformUtils().isMobile)
@@ -286,15 +333,21 @@ class _MorePanelState extends TIMUIKitState {
);
},
icon: Container(
- height: 64,
- width: 64,
+ height: 60,
+ width: 60,
margin: const EdgeInsets.only(bottom: 4),
- decoration: const BoxDecoration(color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(5))),
- child: SvgPicture.asset(
- "images/voice-call.svg",
- package: 'tencent_cloud_chat_uikit',
- height: 64,
- width: 64,
+ decoration: const BoxDecoration(
+ color: Color(0xFFF0F0F0),
+ borderRadius: BorderRadius.all(Radius.circular(10))),
+ child: Center(
+ child: SvgPicture.asset(
+ "images/voice-call.svg",
+ package: 'tencent_cloud_chat_uikit',
+ height: 26,
+ width: 26,
+ colorFilter: const ColorFilter.mode(
+ Color(0xFF606060), BlendMode.srcIn),
+ ),
),
)),
if (config.extraAction != null) ...?config.extraAction,