feat: rounded md

RSSNext · Apr 29, 2024 · b33e761 · b33e761
1 parent bfae77e
commit b33e761
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 9 deletions.
diff --git a/src/renderer/src/components/entry-column/index.tsx b/src/renderer/src/components/entry-column/index.tsx
@@ -75,7 +75,7 @@ export function EntryColumn({
               <div
                 key={entry.id}
                 className={cn(
-                  "rounded-md cursor-pointer",
+                  "rounded-md cursor-pointer transition-colors",
                   activedEntry?.id === entry.id && "bg-[#DEDDDC]",
                 )}
                 onClick={(e) => {

diff --git a/src/renderer/src/components/entry-column/picture-item.tsx b/src/renderer/src/components/entry-column/picture-item.tsx
@@ -14,7 +14,7 @@ export function PictureItem({ entry }: { entry: EntriesResponse[number] }) {
               <Image
                 key={image}
                 src={image}
-                className="w-full aspect-square shrink-0 rounded object-cover"
+                className="w-full aspect-square shrink-0 rounded-md object-cover"
                 loading="lazy"
               />
             ))}

diff --git a/src/renderer/src/components/entry-column/video-item.tsx b/src/renderer/src/components/entry-column/video-item.tsx
@@ -12,7 +12,7 @@ export function VideoItem({ entry }: { entry: EntriesResponse[number] }) {
             <Image
               key={entry.images?.[0]}
               src={entry.images?.[0]}
-              className="w-full aspect-video shrink-0 rounded object-cover"
+              className="w-full aspect-video shrink-0 rounded-md object-cover"
               loading="lazy"
             />
           }

diff --git a/src/renderer/src/components/feed-column/list.tsx b/src/renderer/src/components/feed-column/list.tsx
@@ -26,7 +26,7 @@ export function FeedList({
     <div className="w-64 px-3">
       <div
         className={cn(
-          "flex items-center justify-between mt-2 mb-3 px-2.5 py-1 rounded cursor-pointer",
+          "flex items-center justify-between mt-2 mb-3 px-2.5 py-1 cursor-pointer",
         )}
         onClick={(e) => {
           e.stopPropagation()
@@ -85,7 +85,7 @@ function FeedCategory({
     >
       <div
         className={cn(
-          "flex items-center justify-between font-medium text-sm leading-loose px-2.5 py-[2px] rounded w-full cursor-pointer",
+          "flex items-center justify-between font-medium text-sm leading-loose px-2.5 py-[2px] rounded-md w-full cursor-pointer transition-colors",
           activedList?.level === levels.folder &&
             activedList.id === data.name &&
             "bg-[#C9C9C7]",
@@ -106,7 +106,7 @@ function FeedCategory({
           <m.div
             transition={{
               type: "tween",
-              duration: 0.2,
+              duration: 0.1,
               ease: "easeInOut",
             }}
             className="overflow-hidden"
@@ -127,7 +127,7 @@ function FeedCategory({
               <div
                 key={feed.feedId}
                 className={cn(
-                  "flex items-center justify-between text-sm font-medium leading-loose w-full pl-6 pr-2.5 py-[2px] rounded cursor-pointer",
+                  "flex items-center justify-between text-sm font-medium leading-loose w-full pl-6 pr-2.5 py-[2px] rounded-md cursor-pointer",
                   activedList?.level === levels.feed &&
                     activedList.id === feed.feedId &&
                     "bg-[#C9C9C7]",

diff --git a/src/renderer/src/components/ui/image.tsx b/src/renderer/src/components/ui/image.tsx
@@ -12,10 +12,10 @@ export const Image = ({
   }
 
   return (
-    <div className={cn(className, "bg-stone-100 rounded")}>
+    <div className={cn("bg-stone-100 rounded overflow-hidden", className)}>
       <img
         onError={errorHandle}
-        className={cn(hidden && "hidden", "object-cover size-full rounded")}
+        className={cn(hidden && "hidden", "object-cover size-full")}
         {...props}
       />
     </div>