roundedの指定をテーマに合わせる

Author: na-trium-144

app/[docs_id]/chatForm.tsx

@@ -104,15 +104,15 @@ export function ChatForm({
 
   return (
     <form
-      className="border border-2 border-secondary shadow-lg rounded-lg bg-base-100"
+      className="border border-2 border-secondary shadow-lg rounded-box bg-base-100"
       style={{
         width: "100%",
         textAlign: "center",
       }}
       onSubmit={handleSubmit}
     >
       <textarea
-        className="textarea textarea-ghost textarea-md rounded-lg"
+        className="textarea textarea-ghost textarea-md rounded-box"
         placeholder={
           "質問を入力してください" +
           (exampleData

app/[docs_id]/markdown.tsx

@@ -45,7 +45,7 @@ const components: Components = {
     <strong className="text-primary" {...props} />
   ),
   table: ({ node, ...props }) => (
-    <div className="w-max max-w-full overflow-x-auto mx-auto my-2 rounded-lg border border-base-content/5 shadow-sm">
+    <div className="w-max max-w-full overflow-x-auto mx-auto my-2 rounded-box border border-base-content/5 shadow-sm">
       <table className="table w-max" {...props} />
     </div>
   ),
@@ -152,7 +152,7 @@ function CodeComponent({
       <SyntaxHighlighter
         language={match[1]}
         PreTag="div"
-        className="border border-base-300 mx-2 my-2 rounded-lg p-4!"
+        className="border border-base-300 mx-2 my-2 rounded-box p-4!"
         style={codetheme}
         {...props}
       >
@@ -164,7 +164,7 @@ function CodeComponent({
     return (
       <SyntaxHighlighter
         PreTag="div"
-        className="border border-base-300 mx-2 my-2 rounded-lg p-4!"
+        className="border border-base-300 mx-2 my-2 rounded-box p-4!"
         style={codetheme}
         {...props}
       >

app/terminal/editor.tsx

@@ -89,7 +89,7 @@ export function EditorComponent(props: EditorProps) {
   }, [files, props.filename, props.initContent, writeFile]);
 
   return (
-    <div className="border border-accent border-2 shadow-md m-2 rounded-lg overflow-hidden">
+    <div className="border border-accent border-2 shadow-md m-2 rounded-box overflow-hidden">
       <div className="flex flex-row items-center">
         <div className="font-mono text-sm mt-2 mb-1 ml-4 mr-2">
           {props.filename}

app/terminal/exec.tsx

@@ -72,7 +72,7 @@ export function ExecFile(props: ExecProps) {
   ]);
 
   return (
-    <div className="border border-accent border-2 shadow-md m-2 rounded-lg overflow-hidden relative">
+    <div className="border border-accent border-2 shadow-md m-2 rounded-box overflow-hidden relative">
       <div>
         <button
           className="btn btn-soft btn-accent rounded-none"

app/terminal/repl.tsx

@@ -352,7 +352,7 @@ export function ReplTerminal({
   ]);
 
   return (
-    <div className="bg-base-300 border border-accent border-2 shadow-md m-2 p-4 pr-1 rounded-lg relative h-max">
+    <div className="bg-base-300 border border-accent border-2 shadow-md m-2 p-4 pr-1 rounded-box relative h-max">
       {terminalInstanceRef.current &&
         termReady &&
         initCommandState === "idle" && (