From 206efd6c8b31fe71ddd1c4a367f9cdb10b748a48 Mon Sep 17 00:00:00 2001 From: HoonBaek Date: Fri, 19 Apr 2024 14:48:54 +0900 Subject: [PATCH 1/2] use 12px padding in mobile mode --- src/modules/GroupChannel/components/MessageList/index.scss | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/modules/GroupChannel/components/MessageList/index.scss b/src/modules/GroupChannel/components/MessageList/index.scss index acec800de..8c0008867 100644 --- a/src/modules/GroupChannel/components/MessageList/index.scss +++ b/src/modules/GroupChannel/components/MessageList/index.scss @@ -10,8 +10,10 @@ position: relative; height: 100%; overflow-x: hidden; - padding-left: 24px; - padding-right: 24px; + padding: 0px 24px; + @include mobile() { + padding: 0px 12px; + } } .sendbird-separator, .sendbird-admin-message { From 9dfebdff4f87e9e5a5aecb14aabcdf425647871e Mon Sep 17 00:00:00 2001 From: HoonBaek Date: Fri, 19 Apr 2024 15:42:28 +0900 Subject: [PATCH 2/2] set message input padding to 16 in mobile --- .../GroupChannel/components/MessageInputWrapper/index.scss | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/modules/GroupChannel/components/MessageInputWrapper/index.scss b/src/modules/GroupChannel/components/MessageInputWrapper/index.scss index 0578b6215..121bc183c 100644 --- a/src/modules/GroupChannel/components/MessageInputWrapper/index.scss +++ b/src/modules/GroupChannel/components/MessageInputWrapper/index.scss @@ -21,8 +21,10 @@ position: relative; width: 100%; box-sizing: border-box; - padding-left: 24px; - padding-right: 24px; + padding: 0px 24px; + @include mobile() { + padding: 0px 16px; + } } }