fix: trash-icon color modified

srcbookdev · Oct 21, 2024 · faa4ccf · faa4ccf
1 parent e9646df
commit faa4ccf
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 8 deletions.
diff --git a/packages/web/src/components/cells/generate-ai.tsx b/packages/web/src/components/cells/generate-ai.tsx
@@ -62,7 +62,7 @@ export default function GenerateAiCell(props: {
           ? 'ring-1 ring-ai-ring border-ai-ring'
           : 'focus-within:ring-1 focus-within:ring-ring focus-within:border-ring',
         error &&
-          'ring-1 ring-sb-red-30 border-sb-red-30 hover:border-sb-red-30 focus-within:border-sb-red-30 focus-within:ring-sb-red-30',
+        'ring-1 ring-sb-red-30 border-sb-red-30 hover:border-sb-red-30 focus-within:border-sb-red-30 focus-within:ring-sb-red-30',
       )}
     >
       <div className="flex flex-col">
@@ -75,7 +75,7 @@ export default function GenerateAiCell(props: {
               className="border-secondary hover:border-muted"
               onClick={() => removeCell(cell)}
             >
-              <Trash2 size={16} />
+              <Trash2 color='#EE4B2B' size={16} />
             </Button>
           </div>
 

diff --git a/packages/web/src/components/navbar.tsx b/packages/web/src/components/navbar.tsx
@@ -91,6 +91,7 @@ export function SessionNavbar(props: SessionNavbarProps) {
     openSrcbook(result.path);
   }
 
+
   return (
     <>
       <GenerateSrcbookModal
@@ -223,9 +224,9 @@ export function SessionNavbar(props: SessionNavbarProps) {
                       variant="icon"
                       size="icon"
                       onClick={() => setShowDelete(true)}
-                      className="active:translate-y-0"
+                      className="active:translate-y-0 hover:border-2 hover:border-red-500"
                     >
-                      <TrashIcon size={18} />
+                      <TrashIcon color='#EE4B2B' size={18} />
                     </Button>
                   </TooltipTrigger>
                   <TooltipContent>Delete this Srcbook</TooltipContent>

diff --git a/packages/web/src/components/srcbook-cards.tsx b/packages/web/src/components/srcbook-cards.tsx
@@ -168,7 +168,7 @@ export function SrcbookCard(props: SrcbookCardPropsType) {
           onClick={onDelete}
           className="hidden group-hover:block hover:text-foreground"
         >
-          <Trash2 size={16} />
+          <Trash2 color='#EE4B2B' size={16} />
         </button>
       </div>
     </CardContainer>
@@ -203,7 +203,7 @@ export function AppCard(props: AppCardPropsType) {
           onClick={onDelete}
           className="hidden group-hover:block hover:text-foreground"
         >
-          <Trash2 size={16} />
+          <Trash2 color='#EE4B2B' size={16} />
         </button>
       </div>
     </CardContainer>

diff --git a/packages/web/src/routes/secrets.tsx b/packages/web/src/routes/secrets.tsx
@@ -268,8 +268,8 @@ function SecretRow(props: {
         )}
       </td>
       <td className="h-10 pl-3 text-right align-middle w-[52px]">
-        <Button variant="icon" onClick={() => setOpen(true)}>
-          <Trash2 size={18} />
+        <Button className='bg-red-800 hover:bg-red-700' variant="icon" onClick={() => setOpen(true)}>
+          <Trash2 color='white' size={18} />
         </Button>
       </td>
     </tr>