|
|
|
@ -67,8 +67,8 @@ const Editor: React.FC<EditorProps> = ({ links, setLinks }) => { |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
|
<div className="flex flex-col bg-gray-100 md:h-full md:flex-row"> |
|
|
|
|
<div className="space-y-4 md:w-3/5 md:border-r md:border-gray-300 md:overflow-y-scroll"> |
|
|
|
|
<div className="flex flex-col bg-gray-100 md:flex-row"> |
|
|
|
|
<div className="space-y-4 md:w-3/5 md:border-r md:border-gray-300"> |
|
|
|
|
<div className="m-8"> |
|
|
|
|
<button |
|
|
|
|
className="block flex py-2 items-center justify-center rounded-lg bg-purple-600 hover:bg-purple-500 cursor-pointer text-white w-full" |
|
|
|
@ -133,7 +133,7 @@ const Editor: React.FC<EditorProps> = ({ links, setLinks }) => { |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div className="mb-8 md:none" /> |
|
|
|
|
<div className="flex items-center justify-center md:w-2/5"> |
|
|
|
|
<div className="flex m-14 justify-center md:w-2/5"> |
|
|
|
|
<Preview links={editableLinks.filter((link) => link.active)} /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|