diff --git a/SodaLive/Sources/V2/CreatorChannel/ReplyDetail/Components/CreatorChannelReplyDetailFeedView.swift b/SodaLive/Sources/V2/CreatorChannel/ReplyDetail/Components/CreatorChannelReplyDetailFeedView.swift index 1ef61d9d..0685ae4b 100644 --- a/SodaLive/Sources/V2/CreatorChannel/ReplyDetail/Components/CreatorChannelReplyDetailFeedView.swift +++ b/SodaLive/Sources/V2/CreatorChannel/ReplyDetail/Components/CreatorChannelReplyDetailFeedView.swift @@ -116,24 +116,50 @@ struct CreatorChannelReplyDetailFeedView: View { .background(Color.white.opacity(0.6)) .clipShape(Circle()) - Text(item.nickname) - .appFont(size: profileSize > 20 ? 14 : 13, weight: .medium) - .foregroundColor(.white) - .lineLimit(1) + if profileSize > 20 { + VStack(alignment: .leading, spacing: SodaSpacing.s4) { + HStack(spacing: SodaSpacing.s8) { + Text(item.nickname) + .appFont(size: 14, weight: .medium) + .foregroundColor(.white) + .lineLimit(1) - Text(item.relativeTimeText) - .appFont(size: 14, weight: .regular) - .foregroundColor(Color.gray500) - .lineLimit(1) + if showsSecret && item.isSecret { + Text(I18n.Explorer.secretComment) + .appFont(size: 11, weight: .medium) + .foregroundColor(Color.grayee) + .padding(.horizontal, 4) + .padding(.vertical, 2) + .background(Color.soda400.opacity(0.2)) + .cornerRadius(3) + } + } - if showsSecret && item.isSecret { - Text(I18n.Explorer.secretComment) - .appFont(size: 11, weight: .medium) - .foregroundColor(Color.grayee) - .padding(.horizontal, 4) - .padding(.vertical, 2) - .background(Color.soda400.opacity(0.2)) - .cornerRadius(3) + Text(item.relativeTimeText) + .appFont(size: 14, weight: .regular) + .foregroundColor(Color.gray500) + .lineLimit(1) + } + } else { + Text(item.nickname) + .appFont(size: 13, weight: .medium) + .foregroundColor(.white) + .lineLimit(1) + + Text(item.relativeTimeText) + .appFont(size: 14, weight: .regular) + .foregroundColor(Color.gray500) + .lineLimit(1) + + if showsSecret && item.isSecret { + Text(I18n.Explorer.secretComment) + .appFont(size: 11, weight: .medium) + .foregroundColor(Color.grayee) + .padding(.horizontal, 4) + .padding(.vertical, 2) + .background(Color.soda400.opacity(0.2)) + .cornerRadius(3) + } } Spacer(minLength: 0)