fix: GroupCard, SearchBar CSS 깨지는 현상 해결

savemyreceipt · Jun 26, 2024 · 7020e8d · 7020e8d
1 parent 9198ff5
commit 7020e8d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/src/components/display/Cards/GroupCard.tsx b/src/components/display/Cards/GroupCard.tsx
@@ -28,14 +28,14 @@ export const GroupCard: React.FC<IGroupCard> = ({
                     <div className="text-xs text-gray-500 overflow-hidden text-ellipsis">
                         {city}/{organization}
                     </div>
-                    <div className="text-xs text-gray-500 flex-shrink-0">
-                        <span>
-                            <FontAwesomeIcon icon={faUsers} className="mx-1" />
-                            {memberCount} 명
+                    <div className="text-xs text-gray-500 flex-shrink-0 flex">
+                        <span className="flex items-center">
+                            <FontAwesomeIcon icon={faUsers} className="mx-1 flex-shrink-0 h-[13px]" />
+                            <span className="flex-shrink-0">{memberCount} 명</span>
                         </span>
-                        <span>
-                            <FontAwesomeIcon icon={faReceipt} className="mx-1" />
-                            {receiptCount || "0"} 개
+                        <span className="flex items-center">
+                            <FontAwesomeIcon icon={faReceipt} className="mx-1 flex-shrink-0 h-[13px]" />
+                            <span className="flex-shrink-0">{receiptCount || "0"} 개</span>
                         </span>
                     </div>
                 </div>

diff --git a/src/components/forms/SearchBar/index.tsx b/src/components/forms/SearchBar/index.tsx
@@ -6,7 +6,7 @@ export const SearchBar = (props: React.ComponentProps<"input">) => {
     return (
         <div className="flex flex-1 relative w-full max-w-md">
             <div className="h-[40px] w-10 absolute flex items-center justify-center">
-                <FontAwesomeIcon icon={faSearch} />
+                <FontAwesomeIcon icon={faSearch} className="p-3" />
             </div>
             <Input className="pl-8 w-full focus:outline-none focus:border-[#00a869] focus:border-2" {...props} />
         </div>