fix: item hover style

zhanglun · May 22, 2024 · ee3d56e · ee3d56e
1 parent abc879b
commit ee3d56e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git 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
@@ -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`, {