style(markdown): last thing i swear
This commit is contained in:
parent
7ef0c87ded
commit
b8a087945e
2 changed files with 17 additions and 20 deletions
|
|
@ -5,7 +5,7 @@ import SchematicButton from "src/components/ui/button/schematic-button";
|
||||||
import { motion } from "motion/react";
|
import { motion } from "motion/react";
|
||||||
import { BotMessageSquare } from "lucide-react";
|
import { BotMessageSquare } from "lucide-react";
|
||||||
|
|
||||||
export default function MessageInput({ onSend, onDeleteAll }) {
|
export default function MessageInput({ onSend }) {
|
||||||
const [text, setText] = useState("");
|
const [text, setText] = useState("");
|
||||||
|
|
||||||
function handleSubmit(e) {
|
function handleSubmit(e) {
|
||||||
|
|
@ -16,22 +16,19 @@ export default function MessageInput({ onSend, onDeleteAll }) {
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex flex-col gap-2">
|
<div className="w-full flex justify-center">
|
||||||
<div className="flex justify-between">
|
<footer className="fixed bottom-6 max-w-2xl w-full px-4">
|
||||||
<DeleteButton onClick={onDeleteAll}></DeleteButton>
|
<div className="flex flex-col gap-2">
|
||||||
<DownButton></DownButton>
|
<div className="flex justify-between">
|
||||||
</div>
|
<div className="flex gap-2">
|
||||||
<form onSubmit={handleSubmit} className="bg-gray-900 rounded-2xl">
|
<SchematicButton></SchematicButton>
|
||||||
<div className="flex p-2 shadow-xl">
|
<DeleteButton></DeleteButton>
|
||||||
<input
|
</div>
|
||||||
value={text}
|
<DownButton></DownButton>
|
||||||
onChange={(e) => setText(e.target.value)}
|
</div>
|
||||||
placeholder="Type a message..."
|
<form
|
||||||
className="flex-1 mx-2 rounded-md shadow-2sx border-none focus:border-none focus:outline-none"
|
onSubmit={handleSubmit}
|
||||||
/>
|
className="bg-gray-900 rounded-2xl border-2 border-gray-800 shadow-lg shadow-indigo-600"
|
||||||
<button
|
|
||||||
type="submit"
|
|
||||||
className="px-4 py-2 bg-gray-700 rounded-xl ml-4"
|
|
||||||
>
|
>
|
||||||
<div className="flex p-2 shadow-xl">
|
<div className="flex p-2 shadow-xl">
|
||||||
<input
|
<input
|
||||||
|
|
|
||||||
|
|
@ -47,12 +47,12 @@ export const MARKDOWN_COMPONENTS = {
|
||||||
/>
|
/>
|
||||||
),
|
),
|
||||||
ul: ({ node, ...props }) => (
|
ul: ({ node, ...props }) => (
|
||||||
<ul className="list-disc list-inside ml-4 mb-2" {...props} />
|
<ul className="list-disc list-inside ml-4 mb-2 text-sm" {...props} />
|
||||||
),
|
),
|
||||||
ol: ({ node, ...props }) => (
|
ol: ({ node, ...props }) => (
|
||||||
<ol className="list-decimal list-inside ml-4 mb-2" {...props} />
|
<ol className="list-decimal list-inside ml-4 mb-2 text-sm" {...props} />
|
||||||
),
|
),
|
||||||
li: ({ node, ...props }) => <li className="mb-1" {...props} />,
|
li: ({ node, ...props }) => <li className="mb-1 text-sm" {...props} />,
|
||||||
strong: ({ node, ...props }) => (
|
strong: ({ node, ...props }) => (
|
||||||
<strong className="font-semibold" {...props} />
|
<strong className="font-semibold" {...props} />
|
||||||
),
|
),
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue