From ac675d5add9b7aed6e7ec87a2c52e16b896fcf3c Mon Sep 17 00:00:00 2001
From: Fushihara <1039534+fushihara@users.noreply.github.com>
Date: Thu, 3 Oct 2024 20:58:23 +0900
Subject: =?UTF-8?q?=E3=82=B9=E3=83=9E=E3=83=9B=E3=81=A7=E8=A6=8B=E3=81=9F?=
 =?UTF-8?q?=E6=99=82=E3=81=AB=E3=83=86=E3=83=BC=E3=83=96=E3=83=AB=E3=81=8C?=
 =?UTF-8?q?=E5=B4=A9=E3=82=8C=E3=81=AA=E3=81=84=E3=82=88=E3=81=86=E3=81=AB?=
 =?UTF-8?q?=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/_components/archiveLinkElement.tsx         |  6 +++---
 src/app/_components/tableElements.tsx              | 24 ++++++++++++----------
 src/app/article/_components/articleListElement.tsx |  6 +++---
 3 files changed, 19 insertions(+), 17 deletions(-)

(limited to 'src')

diff --git a/src/app/_components/archiveLinkElement.tsx b/src/app/_components/archiveLinkElement.tsx
index 94daed5..7b19e9c 100644
--- a/src/app/_components/archiveLinkElement.tsx
+++ b/src/app/_components/archiveLinkElement.tsx
@@ -71,18 +71,18 @@ export function ArciveLinkElement(option: Option) {
       <a
         href={originalUrl}
         target="_blank"
-        className={`transition duration-300 ease-in-out hover:text-gray-900 ${className}`}
+        className={`transition duration-300 ease-in-out hover:text-gray-900 whitespace-nowrap ${className}`}
         title={officialLinkTitle}
       >公式</a>
       <a
         href={`https://web.archive.org/web/*/${originalUrl}`}
         target="_blank"
-        className={`transition duration-300 ease-in-out hover:text-gray-900 ${className}`}
+        className={`transition duration-300 ease-in-out hover:text-gray-900 whitespace-nowrap ${className}`}
         title={iaSearchResultLinkTitle}
       >IA検索結果</a>
       <Link
         href={`/iframe?src=${iframeSrc}`}
-        className={`transition duration-300 ease-in-out hover:text-gray-900 ${className}`}
+        className={`transition duration-300 ease-in-out hover:text-gray-900 whitespace-nowrap ${className}`}
         title={iframeLinkTitle}
       >IAをiframe</Link>
       {suffixPrivate}
diff --git a/src/app/_components/tableElements.tsx b/src/app/_components/tableElements.tsx
index 1051048..0c100d9 100644
--- a/src/app/_components/tableElements.tsx
+++ b/src/app/_components/tableElements.tsx
@@ -11,7 +11,7 @@ export function TableElement(mainOption: MainOption, bodyList: { element: JSX.El
   for (const h of mainOption.header) {
     const index = mainOption.header.indexOf(h);
     headerElementList.push(
-      <th scope="col" className="px-6 py-4 text-left" key={`th-${index}`}>{h.label}</th>
+      <th scope="col" className="px-6 py-4 text-left whitespace-nowrap" key={`th-${index}`}>{h.label}</th>
     );
   }
   const bodyElementList: JSX.Element[] = [];
@@ -30,15 +30,17 @@ export function TableElement(mainOption: MainOption, bodyList: { element: JSX.El
     trIndex += 1;
   }
   return (
-    <table className="w-full">
-      <thead className="bg-white border-b sticky top-0 text-md font-medium text-gray-900">
-        <tr>
-          {headerElementList}
-        </tr>
-      </thead>
-      <tbody className="">
-        {bodyElementList}
-      </tbody>
-    </table>
+    <div className="overflow-x-auto">
+      <table className="w-full">
+        <thead className="bg-white border-b sticky top-0 text-md font-medium text-gray-900">
+          <tr>
+            {headerElementList}
+          </tr>
+        </thead>
+        <tbody className="">
+          {bodyElementList}
+        </tbody>
+      </table>
+    </div>
   );
 }
diff --git a/src/app/article/_components/articleListElement.tsx b/src/app/article/_components/articleListElement.tsx
index 2c23f59..03bcfa0 100644
--- a/src/app/article/_components/articleListElement.tsx
+++ b/src/app/article/_components/articleListElement.tsx
@@ -46,7 +46,7 @@ function getDisplayData(d: DisplayData, categoryTag: CategoryTagData) {
   let breadElement = (<span key={`notice`}></span>);
   if (0 < d.breadLinks.length) {
     const breadChildElement: JSX.Element[] = [];
-    breadChildElement.push(<span className="mr-[-0.5rem]" key={`label`}>パンくずリスト：</span>);
+    breadChildElement.push(<span className="mr-[-0.5rem] whitespace-nowrap" key={`label`}>パンくずリスト：</span>);
     for (const bread of d.breadLinks) {
       if (d.breadLinks.indexOf(bread) != 0) {
         breadChildElement.push(<span>＞</span>);
@@ -55,7 +55,7 @@ function getDisplayData(d: DisplayData, categoryTag: CategoryTagData) {
       breadChildElement.push(
         <Link
           href={`/article/tag/${bread}`}
-          className="transition duration-300 ease-in-out hover:text-gray-900"
+          className="transition duration-300 ease-in-out hover:text-gray-900 whitespace-nowrap"
           key={`bread-${bread}`}
         >{bread}({tagCount})</Link>
       );
@@ -79,7 +79,7 @@ function getDisplayData(d: DisplayData, categoryTag: CategoryTagData) {
       tagChildElements.push(
         <Link
           href={`/article/tag/${tag}`}
-          className="transition duration-300 ease-in-out hover:text-gray-900"
+          className="transition duration-300 ease-in-out hover:text-gray-900 whitespace-nowrap"
           key={`tag-${tag}`}
         >{tag}({tagCount})</Link>
       );
-- 
cgit v1.2.3