#23

2025-07-21 16:54:30 +09:00
parent 69d111a133
commit 5a4919116d
4 changed files with 92 additions and 129 deletions
@@ -7,6 +7,7 @@ import { useLocation, useParams } from 'react-router-dom'
 import PageTitle from '@/components/common/PageTitle'
 import MainArea from '@/components/layout/MainArea'
 import { API_BASE_URL, SITE_TITLE } from '@/config'
+import { cn } from '@/lib/utils'

 import type { WikiPageDiff } from '@/types'

@@ -31,16 +32,19 @@ export default () => {

  return (
      <MainArea>
-        <Helmet>
-          <title>{`Wiki 差分: ${ diff?.title } | ${ SITE_TITLE }`}</title>
-        </Helmet>
-        <PageTitle>{diff?.title}</PageTitle>
-        <div className="prose mx-auto p-4">
-          {diff ? (
-              diff.diff.map (d => (
-                  <span className={d.type === 'added' ? 'bg-green-800' : d.type === 'removed' ? 'bg-red-800' : ''}>
-                    {d.content == '\n' ? <br /> : d.content}
-                  </span>))) : 'Loading...'}
-        </div>
+	<Helmet>
+	  <title>{`Wiki 差分: ${ diff?.title } | ${ SITE_TITLE }`}</title>
+	</Helmet>
+	<PageTitle>{diff?.title}</PageTitle>
+	<div className="prose mx-auto p-4">
+	  {diff
+	   ? (
+	      diff.diff.map (d => (
+		  <span className={cn (d.type === 'added' && 'bg-green-200 dark:bg-green-800',
+				       d.type === 'removed' && 'bg-red-200 dark:bg-red-800')}>
+		    {d.content == '\n' ? <br /> : d.content}
+		  </span>)))
+	   : 'Loading...'}
+	</div>
      </MainArea>)
 }