fix : allow team combo break line

components/public/guide-image-export.tsx

@@ -96,6 +96,7 @@ function fitExportText(root: HTMLElement) {
 
   const candidates = Array.from(root.querySelectorAll<HTMLElement>("*"))
     .filter((element) => directTextContent(element))
+    .filter((element) => !element.closest("[data-export-allow-wrap]"))
     .filter((element) => {
       const style = getComputedStyle(element);
       return style.display !== "none" && style.visibility !== "hidden";

components/public/team-search.tsx

@@ -225,7 +225,7 @@ function TeamExportImage({ team }: { team: Team }) {
           );
         })}
       </div>
-      <div className="my-3 flex flex-1 items-center justify-center rounded-2xl bg-[#272730] p-4 text-center text-[28px] leading-[1.4]"><p className="whitespace-pre-wrap">{team.combo}</p></div>
+      <div className="my-3 flex flex-1 items-center justify-center rounded-2xl bg-[#272730] p-4 text-center text-[28px] leading-[1.4]"><p data-export-allow-wrap className="whitespace-pre-wrap">{team.combo}</p></div>
       <div className="flex shrink-0 justify-center border-t-2 border-[#34343d] pt-6 text-[64px] font-bold text-[#f0c95f]">DPS: {seconds > 0 ? (total / seconds).toLocaleString("en-US", { maximumFractionDigits: 0 }) : "0"}</div>
       <div className="mt-5 flex shrink-0 justify-center text-[40px] text-[#74747f]">By YT เกนชินไม่ใช่เกมมือถือ</div>
     </div>