fix: styles problem.

Author: dohooo

.changeset/curvy-glasses-try.md

@@ -0,0 +1,5 @@
+---
+"xlog": patch
+---
+
+Fixed styles problem.

src/components/BlockchainInfoIcon.tsx

@@ -72,7 +72,7 @@ export const BlockchainInfoIcon: FC<Props> = (props) => {
   return (
     <>
       <TouchableWithoutFeedback onPress={openModal}>
-        <ShieldCheck color="$green10" width={size}/>
+        <ShieldCheck color="$green10" size={size}/>
       </TouchableWithoutFeedback>
       <ModalWithFadeAnimation
         isVisible={isModalVisible}

src/components/CommentItem.tsx

@@ -196,7 +196,7 @@ export const CommentItem: React.FC<CommentItemProps> = (props) => {
             <Paragraph size={"$4"}>
               {comment?.metadata?.content?.content}
             </Paragraph>
-            <XStack alignItems="center">
+            <XStack alignItems="center" marginTop={"$1"}>
               <Text color={"$colorSubtitle"}>
                 {commonI18n.t("ago", {
                   time: date.dayjs
@@ -208,9 +208,7 @@ export const CommentItem: React.FC<CommentItemProps> = (props) => {
                 })}
                 {" · "}
               </Text>
-              <Stack height={22} alignItems="center">
-                <BlockchainInfoIcon size={16} character={comment?.character} page={comment?.toNote}/>
-              </Stack>
+              <BlockchainInfoIcon size={16} character={comment?.character} page={comment?.toNote}/>
             </XStack>
           </YStack>