🎨 style(formModal/index.tsx): improve code formatting and consistency in the FormModal component

- Adjust indentation and spacing for better readability
- Change font weight of text elements to improve visual hierarchy
- Add left margin to the Variable component to align it properly

No functional changes were made.
This commit is contained in:
Lucas Oliveira 2023-06-30 16:25:41 -03:00
commit 20d6db5d4e

View file

@ -406,20 +406,20 @@ export default function FormModal({
<div className="flex h-[80vh] w-full mt-2 ">
<div className="w-2/5 h-full overflow-auto scrollbar-hide flex flex-col justify-start mr-6">
<div className="flex py-2 items-center">
<Variable className="w-4 h-4 mr-1 text-primary"></Variable>
<span className="text-md font-semibold text-primary">
Input Variables
</span>
</div>
<div className="flex py-2 items-center">
<Variable className=" -ml-px w-4 h-4 mr-1 text-primary"></Variable>
<span className="text-md font-semibold text-primary">
Input Variables
</span>
</div>
<div className="flex justify-between items-center">
<div className="flex mr-2.5 py-2 items-center">
<span className="text-sm font-semibold text-primary">
<div className="flex mr-2.5 py-2 items-center">
<span className="text-sm font-medium text-primary">
Name
</span>
</div>
<div className="flex mr-2.5 py-2 items-center">
<span className="text-sm font-semibold text-primary">
<span className="text-sm font-medium text-primary">
Chat Input
</span>
</div>