hotfixes

instill-ai · Jun 22, 2024 · f7ce2ba · f7ce2ba
1 parent f358b7c
commit f7ce2ba
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/packages/toolkit/src/view/knowledge/components/CreateKnowledgeDialog.tsx b/packages/toolkit/src/view/knowledge/components/CreateKnowledgeDialog.tsx
@@ -103,7 +103,7 @@ export const CreateKnowledgeDialog = ({
  <Dialog.Title className="text-semantic-fg-primary !product-body-text-1-semibold">
  Create new knowledge base
  </Dialog.Title>
- <Dialog.Close className="" />
+ <Dialog.Close className="!focus:ring-0 !active:ring-0 !focus:outline-none !focus:ring-offset-0 !rounded-none !bg-transparent !shadow-none !ring-0 before:!hidden after:!hidden" />
  </Dialog.Header>
 
  <Form.Root {...form}>

diff --git a/packages/toolkit/src/view/knowledge/components/UploadExploreTab.tsx b/packages/toolkit/src/view/knowledge/components/UploadExploreTab.tsx
@@ -200,7 +200,7 @@ export const UploadExploreTab = ({ knowledgeBase }: UploadExploreTabProps) => {
  <Form.Item className="w-full">
  <Form.Control>
  <div
- className={`flex h-[150px] w-full cursor-pointer flex-col items-center justify-center rounded border border-dashed ${
+ className={`flex w-full cursor-pointer flex-col items-center justify-center rounded border border-dashed ${
  isDragging
  ? "border-semantic-accent-default"
  : "border-semantic-bg-line"
@@ -229,10 +229,10 @@ export const UploadExploreTab = ({ knowledgeBase }: UploadExploreTabProps) => {
  >
  <Form.Label
  htmlFor="upload-file-field"
- className="cursor-pointer"
+ className="flex cursor-pointer flex-col items-center justify-center"
  >
- <div className="flex flex-col items-center justify-center space-y-2 text-semantic-fg-primary">
- <Icons.Upload01 className="mb-4 h-8 w-8 stroke-semantic-fg-secondary p-1" />
+ <div className="flex flex-col items-center justify-center text-semantic-fg-primary">
+ <Icons.Upload01 className="mb-4 mt-10 h-8 w-8 stroke-semantic-fg-secondary" />
  <div className="w-full text-center">
  <span>Drag-and-drop file, or </span>
  <label
@@ -241,8 +241,8 @@ export const UploadExploreTab = ({ knowledgeBase }: UploadExploreTabProps) => {
  >
  browse computer
  </label>
- <div className="mt-2">Support TXT, MARKDOWN, PDF</div>
- <div className="mt-1">Max 15MB each</div>
+ <div className="">Support TXT, MARKDOWN, PDF</div>
+ <div className="">Max 15MB each</div>
  </div>
  </div>
  </Form.Label>