Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2026-01-23 18:56:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

style: remove ArtifactButton inline-block styling

Browse source
This commit is contained in:
Danny Avila 2024-08-24 02:20:52 -04:00
parent ac352c9878
commit 10f436521e
1 changed files with 16 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

36
client/src/components/Artifacts/ArtifactButton.tsx
View file

@ -14,29 +14,25 @@ const ArtifactButton = ({ artifact }: { artifact: Artifact | null }) => {
const fileType = getFileType('artifact');
return (
<>
<div className="group relative inline-block rounded-xl text-sm text-text-primary">
<button
type="button"
onClick={() => setArtifactId(artifact.id)}
className="relative overflow-hidden rounded-xl border border-border-medium transition-all duration-300 hover:border-border-xheavy hover:shadow-lg"
>
<div className="w-60 bg-surface-tertiary p-2 ">
<div className="flex flex-row items-center gap-2">
<FilePreview fileType={fileType} className="relative" />
<div className="overflow-hidden text-left">
<div className="truncate font-medium">{artifact.title}</div>
<div className="truncate text-text-secondary">
{localize('com_ui_artifact_click')}
</div>
<div className="group relative my-4 rounded-xl text-sm text-text-primary">
<button
type="button"
onClick={() => setArtifactId(artifact.id)}
className="relative overflow-hidden rounded-xl border border-border-medium transition-all duration-300 hover:border-border-xheavy hover:shadow-lg"
>
<div className="w-60 bg-surface-tertiary p-2 ">
<div className="flex flex-row items-center gap-2">
<FilePreview fileType={fileType} className="relative" />
<div className="overflow-hidden text-left">
<div className="truncate font-medium">{artifact.title}</div>
<div className="truncate text-text-secondary">
{localize('com_ui_artifact_click')}
</div>
</div>
</div>
</button>
</div>
{/* new line*/}
<br />
</>
</div>
</button>
</div>
);
};