Skip to content

Commit 778aa35

Browse files
authored
fix: Set the message list padding with 12px in the mobile layout (#1068)
### Fix&ChangeLog * Set the message list padding with `12px` in the mobile mode
1 parent fac67d9 commit 778aa35

File tree

2 files changed

+8
-4
lines changed

2 files changed

+8
-4
lines changed

src/modules/GroupChannel/components/MessageInputWrapper/index.scss

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,8 +21,10 @@
2121
position: relative;
2222
width: 100%;
2323
box-sizing: border-box;
24-
padding-left: 24px;
25-
padding-right: 24px;
24+
padding: 0px 24px;
25+
@include mobile() {
26+
padding: 0px 16px;
27+
}
2628
}
2729
}
2830

src/modules/GroupChannel/components/MessageList/index.scss

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,10 @@
1010
position: relative;
1111
height: 100%;
1212
overflow-x: hidden;
13-
padding-left: 24px;
14-
padding-right: 24px;
13+
padding: 0px 24px;
14+
@include mobile() {
15+
padding: 0px 12px;
16+
}
1517
}
1618
.sendbird-separator,
1719
.sendbird-admin-message {

0 commit comments

Comments
 (0)