From fa08d1a0cb8421ca40e38dddd0d74415389f7a80 Mon Sep 17 00:00:00 2001
From: Stephen Zhou <38493346+hyoban@users.noreply.github.com>
Date: Wed, 20 Nov 2024 18:08:37 +0800
Subject: [PATCH] fix: align notification skeleton to left

close #1672
---
 .../src/modules/entry-column/Items/notification-item.tsx      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/renderer/src/modules/entry-column/Items/notification-item.tsx b/apps/renderer/src/modules/entry-column/Items/notification-item.tsx
index 46234870fb..a7f62cb34d 100644
--- a/apps/renderer/src/modules/entry-column/Items/notification-item.tsx
+++ b/apps/renderer/src/modules/entry-column/Items/notification-item.tsx
@@ -13,7 +13,7 @@ export function NotificationItem({ entryId, entryPreview, translation }: Univers
 
 export function NotificationItemStateLess({ entry, feed }: EntryItemStatelessProps) {
   return (
-    <div className="relative mx-auto w-full max-w-lg">
+    <div className="relative w-full max-w-lg">
       <div className="group relative flex py-4 pl-3 pr-2">
         <FeedIcon feed={feed} fallback />
 
@@ -31,7 +31,7 @@ export function NotificationItemStateLess({ entry, feed }: EntryItemStatelessPro
 }
 
 export const NotificationItemSkeleton = (
-  <div className="relative mx-auto w-full max-w-lg">
+  <div className="relative w-full max-w-lg">
     <div className="group relative flex py-4 pl-3 pr-2">
       <Skeleton className="mr-2 size-5 shrink-0 overflow-hidden rounded-sm " />
       <div className="-mt-0.5 line-clamp-4 flex-1 text-sm leading-tight">