From ee3d56e18a8a9e37d6f12851c4938b50c1c13ce8 Mon Sep 17 00:00:00 2001
From: zhanglun <zhanglun1410@gmail.com>
Date: Wed, 22 May 2024 09:55:43 +0800
Subject: [PATCH] fix: item hover style

---
 src/components/ui/command.tsx       |  2 +-
 src/layout/Setting/Content/Feed.tsx | 12 +++++++-----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/ui/command.tsx b/src/components/ui/command.tsx
index f14b5cfd9..cacca0f79 100644
--- a/src/components/ui/command.tsx
+++ b/src/components/ui/command.tsx
@@ -115,7 +115,7 @@ const CommandItem = React.forwardRef<
   <CommandPrimitive.Item
     ref={ref}
     className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-[var(--gray-3)] aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className,
     )}
     {...props}
diff --git a/src/layout/Setting/Content/Feed.tsx b/src/layout/Setting/Content/Feed.tsx
index ae5dd96fc..8c39fe2a9 100644
--- a/src/layout/Setting/Content/Feed.tsx
+++ b/src/layout/Setting/Content/Feed.tsx
@@ -1,6 +1,5 @@
-import React, { useEffect, useState } from "react";
-
-import { Folder as FolderIcon, Rss, Trash2 } from "lucide-react";
+import { useEffect, useState } from "react";
+import { Rss, Trash2 } from "lucide-react";
 import { open } from "@tauri-apps/api/shell";
 import { Channel } from "@/db";
 import * as dataAgent from "@/helpers/dataAgent";
@@ -77,11 +76,14 @@ export const Feed = () => {
     columnHelper.accessor((row) => "last-sync-date", {
       id: "last_sync_date",
       header: "Last sync date",
-      size: 160,
       cell(props: CellContext<Channel, string>): JSX.Element {
         const { last_sync_date = "" } = props.row.original;
 
-        return <div className="flex justify-center">{last_sync_date}</div>;
+        return (
+          <div className="flex justify-start w-[180px] px-2">
+            <span>{last_sync_date} </span>
+          </div>
+        );
       },
     }),
     columnHelper.accessor((row) => `${row.uuid}-opt`, {