From c7c5cbd806fe5d19c51833b8fe08d562c1094c70 Mon Sep 17 00:00:00 2001
From: Yeolyi <yeolyi1310@gmail.com>
Date: Sat, 6 Apr 2024 21:26:12 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20400.XXX=EA=B0=80=20url=EB=90=98=EB=8A=94?=
 =?UTF-8?q?=20=EB=AC=B8=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/[locale]/page.tsx                                          | 2 +-
 .../[roomName]/helper/modals/ReservationDetailModal.tsx        | 2 +-
 components/editor/HTMLViewer.tsx                               | 3 ++-
 components/main/NoticeSection.tsx                              | 2 +-
 4 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/[locale]/page.tsx b/app/[locale]/page.tsx
index c254cf486..9d9d49c93 100644
--- a/app/[locale]/page.tsx
+++ b/app/[locale]/page.tsx
@@ -78,7 +78,7 @@ const ImportantSectionArrow = () => (
 
 const LinkSection = () => {
   return (
-    <div className="mx-6 mb-[4.75rem] mt-[60px] flex flex-col gap-[4rem] sm:mx-[7.81rem] sm:mb-[12rem] sm:mt-[90px] sm:flex-row sm:gap-[8rem]">
+    <div className="mx-6 mb-[7rem] mt-[60px] flex flex-col gap-[4rem] sm:mx-[7.81rem] sm:mb-[12rem] sm:mt-[90px] sm:flex-row sm:gap-[8rem]">
       <div className="flex flex-1 flex-col gap-[1.37rem] sm:gap-9">
         <h3 className="text-md font-medium text-neutral-400 sm:text-[1.3125rem]">바로가기</h3>
         <div className="flex flex-col gap-5">
diff --git a/app/[locale]/reservations/[roomType]/[roomName]/helper/modals/ReservationDetailModal.tsx b/app/[locale]/reservations/[roomType]/[roomName]/helper/modals/ReservationDetailModal.tsx
index b720ee0c7..9342c60f0 100644
--- a/app/[locale]/reservations/[roomType]/[roomName]/helper/modals/ReservationDetailModal.tsx
+++ b/app/[locale]/reservations/[roomType]/[roomName]/helper/modals/ReservationDetailModal.tsx
@@ -67,7 +67,7 @@ function ReservationDetailModal({ reservation }: { reservation: Reservation }) {
 
   return (
     <ModalFrame onClose={closeModal}>
-      <div className="border-b border-t-[3px] border-main-orange bg-neutral-100 p-7">
+      <div className="min-w-[341px] border-b border-t-[3px] border-main-orange bg-neutral-100 p-7">
         <div className="mb-5 flex items-center justify-between">
           <h2 className="text-xl font-bold text-neutral-800">{reservation.title}</h2>
           <span
diff --git a/components/editor/HTMLViewer.tsx b/components/editor/HTMLViewer.tsx
index 60061af71..294409922 100644
--- a/components/editor/HTMLViewer.tsx
+++ b/components/editor/HTMLViewer.tsx
@@ -24,7 +24,8 @@ export default function HTMLViewer({
   style,
 }: HTMLViewerProps) {
   // TODO: 서버에서 link 처리
-  const linkedHTML = Autolinker.link(htmlContent);
+  // 400.XXX를 막기 위해 tldMatches false처리
+  const linkedHTML = Autolinker.link(htmlContent, { urls: { tldMatches: false } });
 
   return (
     <div className={`flow-root ${className}`}>
diff --git a/components/main/NoticeSection.tsx b/components/main/NoticeSection.tsx
index 523dcb28d..e9be49cc1 100644
--- a/components/main/NoticeSection.tsx
+++ b/components/main/NoticeSection.tsx
@@ -18,7 +18,7 @@ export default function NoticeSection({ allMainNotice }: { allMainNotice: AllMai
 
   return (
     <div className="relative mt-16 bg-[#212121] sm:mx-[7.75rem] sm:mt-[5.5rem] sm:h-[28rem]">
-      <div className="flex flex-col px-5 pb-[1.625rem] pt-12 sm:absolute sm:bottom-12 sm:right-12 sm:w-[33rem] sm:p-0">
+      <div className="flex flex-col px-7 pb-[1.625rem] pt-12 sm:absolute sm:bottom-12 sm:right-12 sm:w-[33rem] sm:p-0">
         <h3 className="text-[1.75rem] font-semibold text-white">공지사항</h3>
         <div className="mt-6 flex items-center justify-between sm:mt-9">
           <div className="flex gap-[0.875rem]">