fix: cleanup hardcode classname

janhq · May 13, 2024 · beea8ce · beea8ce
1 parent 33d0baf
commit beea8ce
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 11 deletions.
diff --git a/web/screens/Settings/Advanced/index.tsx b/web/screens/Settings/Advanced/index.tsx
@@ -346,7 +346,7 @@ const Advanced = () => {
  ))}
  </div>
  {gpuEnabled && gpusInUse.length > 1 && (
- <div className="mt-2 flex items-start space-x-2 text-yellow-500">
+ <div className="mt-2 flex items-start space-x-2 text-[hsla(var(--warning-bg))]">
  <AlertTriangleIcon
  size={16}
  className="flex-shrink-0"

diff --git a/web/screens/Settings/EditModelInfoModal/index.tsx b/web/screens/Settings/EditModelInfoModal/index.tsx
@@ -119,27 +119,25 @@ const EditModelInfoModal = () => {
  content={
  <div>
  <div className="flex flex-row space-x-4 rounded-xl border border-[hsla(var(--app-border))] p-4">
- <div className="flex h-10 w-10 items-center justify-center rounded-full bg-blue-400">
+ <div className="flex h-10 w-10 items-center justify-center rounded-full">
  <Paperclip color="#fff" />
  </div>
 
  <div className="flex flex-1 flex-col">
  <p>{editingModel.name}</p>
  <div className="flex flex-row">
- <span className="mr-2 text-sm text-[#71717A]">
+ <span className="mr-2 text-sm">
  {toGibibytes(editingModel.size)}
  </span>
  <div className="flex flex-row space-x-1">
- <span className="text-sm font-semibold text-[#71717A]">
- Format:
- </span>
- <span className="text-sm font-normal text-[#71717A]">
+ <span className="text-sm font-semibold">Format:</span>
+ <span className="text-sm font-normal">
  {editingModel.format.toUpperCase()}
  </span>
  </div>
  </div>
  <div className="mt-1 flex flex-row items-center space-x-2">
- <span className="line-clamp-1 text-xs font-normal text-[#71717A]">
+ <span className="line-clamp-1 text-xs font-normal">
  {modelPath}
  </span>
  <Button theme="ghost" onClick={onShowInFinderClick}>

diff --git a/web/screens/Settings/SelectingModelModal/index.tsx b/web/screens/Settings/SelectingModelModal/index.tsx
@@ -71,8 +71,11 @@ const SelectingModelModal = () => {
  onClick={onSelectFileClick}
  >
  <div className="flex flex-col items-center justify-center">
- <div className="mx-auto inline-flex h-12 w-12 items-center justify-center rounded-full bg-blue-200">
- <UploadCloudIcon size={24} />
+ <div className="mx-auto inline-flex h-12 w-12 items-center justify-center rounded-full">
+ <UploadCloudIcon
+ size={24}
+ className="text-[hsla(var(--primary-bg))]"
+ />
  </div>
  <div className="mt-4">
  <span className="text-primary text-sm font-bold">

diff --git a/web/screens/Thread/ThreadCenterPanel/index.tsx b/web/screens/Thread/ThreadCenterPanel/index.tsx
@@ -158,7 +158,7 @@ const ThreadCenterPanel = () => {
  )}
  >
  <div className="mx-auto w-1/2 text-center">
- <div className="mx-auto inline-flex h-12 w-12 items-center justify-center rounded-full bg-blue-200">
+ <div className="mx-auto inline-flex h-12 w-12 items-center justify-center rounded-full">
  <UploadCloudIcon
  size={24}
  className="text-[hsla(var(--primary-bg))]"