style(markdown): last thing i swear

This commit is contained in:
JK-le-dev 2025-10-19 00:24:58 -05:00
commit b8a087945e
2 changed files with 17 additions and 20 deletions

View file

@ -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

View file

@ -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} />
), ),