Drag and drop file colors update & margin styles ()

drag and drop file colors update & margin styles
This commit is contained in:
Sean Hatfield 2024-07-30 21:07:24 -05:00 committed by GitHub
parent 2ee5d20955
commit 3856a4d19c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 10 additions and 8 deletions
frontend
src/components/WorkspaceChat/ChatContainer/PromptInput/Attachments
tailwind.config.js

View file

@ -20,7 +20,7 @@ import { Tooltip } from "react-tooltip";
export default function AttachmentManager({ attachments }) {
if (attachments.length === 0) return null;
return (
<div className="flex flex-wrap my-2">
<div className="flex flex-wrap mt-4 mb-2">
{attachments.map((attachment) => (
<AttachmentItem key={attachment.uid} attachment={attachment} />
))}
@ -82,7 +82,7 @@ function AttachmentItem({ attachment }) {
</button>
</div>
<div
className={`bg-danger rounded-lg flex items-center justify-center flex-shrink-0 p-1`}
className={`bg-error rounded-lg flex items-center justify-center flex-shrink-0 p-1`}
>
<WarningOctagon size={30} className="text-white" />
</div>
@ -158,7 +158,7 @@ function displayFromFile(file) {
case "docx":
return { iconBgColor: "bg-royalblue", Icon: FileDoc };
case "html":
return { iconBgColor: "bg-warn", Icon: FileHtml };
return { iconBgColor: "bg-purple", Icon: FileHtml };
case "csv":
case "xlsx":
return { iconBgColor: "bg-success", Icon: FileCsv };

View file

@ -36,11 +36,13 @@ export default {
"dark-text": "#222628",
description: "#D2D5DB",
"x-button": "#9CA3AF",
royalblue: '#3538CD',
magenta: '#C11574',
danger: '#F04438',
warn: '#854708',
success: '#027A48',
royalblue: "#065986",
purple: "#4A1FB8",
magenta: "#9E165F",
danger: "#F04438",
error: "#B42318",
warn: "#854708",
success: "#05603A",
darker: "#F4F4F4"
},
backgroundImage: {