Merge pull request #111 from ut-code/fix-terminal-ui

na-trium-144 · web-flow · commit a3ab2ee8048c · 2025-11-18T18:14:39.000+09:00
terminal周りのuiなどcssを修正
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -24,7 +24,7 @@ export default function RootLayout({
 }: Readonly<{ children: ReactNode }>) {
   return (
     <html lang="ja">
-      <body className="w-screen h-screen bg-inherit! text-inherit! m-0!">
+      <body className="w-screen min-h-screen bg-transparent! text-inherit! m-0!">
         {/* mocha.css がbodyに背景色などを設定してしまうので、それを上書きしている */}
         <AutoAnonymousLogin />
         <SidebarMdProvider>
diff --git a/app/terminal/page.tsx b/app/terminal/page.tsx
@@ -23,7 +23,7 @@ export default function RuntimeTestPage() {
 
       <Heading level={2}>REPLとコード実行のサンプル</Heading>
       {/* name of each tab group should be unique */}
-      <div className="tabs tabs-border">
+      <div className="tabs tabs-box">
         {Object.entries(sampleConfig).map(([lang, config]) => (
           <Fragment key={lang}>
             <input
@@ -32,7 +32,7 @@ export default function RuntimeTestPage() {
               className="tab"
               aria-label={lang}
             />
-            <div className="tab-content border-base-300 bg-base-200 p-4">
+            <div className="tab-content border-base-300 bg-base-100">
               <RuntimeSample lang={lang as RuntimeLang} config={config} />
             </div>
           </Fragment>
@@ -57,7 +57,7 @@ interface SampleConfig {
 const sampleConfig: Record<RuntimeLang, SampleConfig> = {
   python: {
     repl: true,
-    replInitContent: '>>> print("Hello, World!")\x1b[0m\nHello, World!',
+    replInitContent: '>>> print("Hello, World!")\nHello, World!',
     editor: {
       "main.py": 'print("Hello, World!")',
     },
@@ -66,15 +66,15 @@ const sampleConfig: Record<RuntimeLang, SampleConfig> = {
   ruby: {
     repl: true,
     replInitContent:
-      'irb(main):001:0> puts "Hello, World!"\x1b[0m\nHello, World!',
+      'irb(main):001:0> puts "Hello, World!"\nHello, World!',
     editor: {
       "main.rb": 'puts "Hello, World!"',
     },
     exec: ["main.rb"],
   },
   javascript: {
     repl: true,
-    replInitContent: '> console.log("Hello, World!");\x1b[0m\nHello, World!',
+    replInitContent: '> console.log("Hello, World!");\nHello, World!',
     editor: {
       "main.js": 'console.log("Hello, World!");',
     },
@@ -84,7 +84,7 @@ const sampleConfig: Record<RuntimeLang, SampleConfig> = {
     repl: false,
     editor: {
       "main.ts":
-        'function greet(name: string): void {\x1b[0m\n  console.log("Hello, " + name + "!");\x1b[0m\n}\x1b[0m\n\x1b[0m\ngreet("World");',
+        'function greet(name: string): void {\n  console.log("Hello, " + name + "!");\n}\n\ngreet("World");',
     },
     exec: ["main.ts"],
   },
@@ -269,7 +269,7 @@ function MochaTest() {
           </>
         )}
       </p>
-      <div className="m-0!" id="mocha" />
+      <div className="m-0! font-sans!" id="mocha" />
     </div>
   );
 }
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -59,7 +59,7 @@
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "@types/react-syntax-highlighter": "^15.5.13",
-    "daisyui": "^5.0.50",
+    "daisyui": "^5.5.5",
     "drizzle-kit": "^0.31.5",
     "eslint": "^9",
     "eslint-config-next": "<15.4",
