背景色のバグを修正

na-trium-144 · na-trium-144 · commit 6423668542e6 · 2025-11-14T17:24:45.000+09:00
diff --git a/app/[docs_id]/pageContent.tsx b/app/[docs_id]/pageContent.tsx
@@ -109,7 +109,7 @@ export function PageContent(props: PageContentProps) {
               .map(({ chatId, messages }) => (
                 <div
                   key={chatId}
-                  className="max-w-xs mb-2 p-2 text-sm border border-base-content/10 rounded-sm shadow-sm bg-base-100"
+                  className="max-w-xs mb-2 p-2 text-sm border border-base-content/10 rounded-sm shadow-sm bg-base-200"
                 >
                   <div className="max-h-60 overflow-y-auto">
                     {messages.map((msg, index) => (
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -22,7 +22,8 @@ export default function RootLayout({
 }: Readonly<{ children: ReactNode }>) {
   return (
     <html lang="ja">
-      <body className="w-screen h-screen">
+      <body className="w-screen h-screen bg-inherit! text-inherit! m-0!">
+        {/* mocha.css がbodyに背景色などを設定してしまうので、それを上書きしている */}
         <AutoAnonymousLogin />
         <SidebarMdProvider>
           <div className="drawer lg:drawer-open">
diff --git a/app/sidebar.tsx b/app/sidebar.tsx
@@ -108,7 +108,6 @@ export function Sidebar() {
 
   return (
     <div className="bg-base-200 h-full w-80 overflow-y-auto">
-      {/* todo: 背景色ほんとにこれでいい？ */}
       <h2 className="hidden lg:flex flex-row items-center p-4 gap-2">
         {/* サイドバーが常時表示されているlg以上の場合のみ */}
         <Link href="/" className="flex-1 flex items-center">
diff --git a/app/terminal/layout.tsx b/app/terminal/layout.tsx
@@ -13,5 +13,5 @@ export default function TerminalLayout({
 }: {
   children: React.ReactNode;
 }) {
-  return <div>{children}</div>;
+  return children;
 }
diff --git a/app/terminal/page.tsx b/app/terminal/page.tsx
@@ -31,7 +31,7 @@ export default function RuntimeTestPage() {
               className="tab"
               aria-label={lang}
             />
-            <div className="tab-content border-base-300 bg-base-100 p-4">
+            <div className="tab-content border-base-300 bg-base-200 p-4">
               <RuntimeSample lang={lang as RuntimeLang} config={config} />
             </div>
           </Fragment>
@@ -105,7 +105,7 @@ function RuntimeSample({
   config: SampleConfig;
 }) {
   return (
-    <div className="flex flex-col gap-4">
+    <div className="flex flex-col">
       {config.repl && (
         <ReplTerminal
           terminalId="1"

Original file line number	Diff line number	Diff line change
`@@ -109,7 +109,7 @@ export function PageContent(props: PageContentProps) {`
`109`	`109`	`.map(({ chatId, messages }) => (`
`110`	`110`	`<div`
`111`	`111`	`key={chatId}`
`112`		`- className="max-w-xs mb-2 p-2 text-sm border border-base-content/10 rounded-sm shadow-sm bg-base-100"`
	`112`	`+ className="max-w-xs mb-2 p-2 text-sm border border-base-content/10 rounded-sm shadow-sm bg-base-200"`
`113`	`113`	`>`
`114`	`114`	`<div className="max-h-60 overflow-y-auto">`
`115`	`115`	`{messages.map((msg, index) => (`
Original file line number	Diff line number	Diff line change
`@@ -13,5 +13,5 @@ export default function TerminalLayout({`
`13`	`13`	`}: {`
`14`	`14`	`children: React.ReactNode;`
`15`	`15`	`}) {`
`16`		`- return <div>{children}</div>;`
	`16`	`+ return children;`
`17`	`17`	`}`