From 06c74961dc98edd44086f99eb2e6b3fb94f91bad Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Sun, 2 Jun 2024 00:14:56 +0800
Subject: [PATCH] style: format

---
 .../src/components/entry-column/picture-item.tsx   |  3 +--
 src/renderer/src/components/swipe-images.tsx       | 14 ++++++--------
 src/renderer/src/pages/(main)/(context)/index.tsx  |  2 +-
 src/renderer/src/pages/preview.tsx                 |  2 +-
 4 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/src/renderer/src/components/entry-column/picture-item.tsx b/src/renderer/src/components/entry-column/picture-item.tsx
index 090e6a369c..9fd837ad2d 100644
--- a/src/renderer/src/components/entry-column/picture-item.tsx
+++ b/src/renderer/src/components/entry-column/picture-item.tsx
@@ -1,6 +1,5 @@
 import { FeedIcon } from "@renderer/components/feed-icon"
 import { SwipeImages } from "@renderer/components/swipe-images"
-import { Image } from "@renderer/components/ui/image"
 import { ReactVirtuosoItemPlaceholder } from "@renderer/components/ui/placeholder"
 import dayjs from "@renderer/lib/dayjs"
 import { useEntry } from "@renderer/store/entry"
@@ -13,7 +12,7 @@ export function PictureItem({ entryId, entryPreview }: UniversalItemProps) {
   return (
     <div>
       <div>
-        <div className="flex gap-2 overflow-x-auto relative">
+        <div className="relative flex gap-2 overflow-x-auto">
           <SwipeImages
             images={entry.entries.images}
             className="aspect-square w-full shrink-0 rounded-md"
diff --git a/src/renderer/src/components/swipe-images.tsx b/src/renderer/src/components/swipe-images.tsx
index 25700b1ea8..b8c27c6936 100644
--- a/src/renderer/src/components/swipe-images.tsx
+++ b/src/renderer/src/components/swipe-images.tsx
@@ -21,7 +21,7 @@ export function SwipeImages({
   return (
     <div
       className={cn(
-        "overflow-hidden flex items-center relative w-full",
+        "relative flex w-full items-center overflow-hidden",
         className,
       )}
     >
@@ -79,19 +79,17 @@ export function SwipeImages({
         images?.length === 1 ?
             (
               <Image
-                className="object-cover size-full sm:group-hover:scale-105 sm:transition-transform sm:duration-300 sm:ease-in-out"
+                className="size-full object-cover sm:transition-transform sm:duration-300 sm:ease-in-out sm:group-hover:scale-105"
                 alt="cover"
                 src={images[0]}
                 width={624}
                 height={351}
-              >
-              </Image>
+              />
             ) :
             (
-              <div className="rounded-t-2xl overflow-hidden flex items-center relative w-full aspect-video border-b">
-                <div className="sm:group-hover:scale-105 sm:transition-transform sm:duration-500 sm:ease-in-out p-3 size-full text-center flex items-center justify-center">
-                  <div className="text-zinc-600 text-xl font-extrabold">
-                  </div>
+              <div className="relative flex aspect-video w-full items-center overflow-hidden rounded-t-2xl border-b">
+                <div className="flex size-full items-center justify-center p-3 text-center sm:transition-transform sm:duration-500 sm:ease-in-out sm:group-hover:scale-105">
+                  <div className="text-xl font-extrabold text-zinc-600" />
                 </div>
               </div>
             )}
diff --git a/src/renderer/src/pages/(main)/(context)/index.tsx b/src/renderer/src/pages/(main)/(context)/index.tsx
index 707ff35c9f..05734f288f 100644
--- a/src/renderer/src/pages/(main)/(context)/index.tsx
+++ b/src/renderer/src/pages/(main)/(context)/index.tsx
@@ -1,5 +1,6 @@
 import { EntryColumn } from "@renderer/components/entry-column"
 import { EntryContent } from "@renderer/components/entry-content"
+import { views } from "@renderer/lib/constants"
 import { cn } from "@renderer/lib/utils"
 import {
   feedActions,
@@ -8,7 +9,6 @@ import {
 import { AnimatePresence } from "framer-motion"
 import { useEffect } from "react"
 import { useShallow } from "zustand/react/shallow"
-import { views } from "@renderer/lib/constants"
 
 export function Component() {
   const { activeEntry, activeList } = useFeedStore(
diff --git a/src/renderer/src/pages/preview.tsx b/src/renderer/src/pages/preview.tsx
index 643bbefe8e..afe2c76fc4 100644
--- a/src/renderer/src/pages/preview.tsx
+++ b/src/renderer/src/pages/preview.tsx
@@ -3,7 +3,7 @@ export function Component() {
   const url = urlSearchParams.get("url")
 
   return url && (
-    <div className="w-screen h-screen">
+    <div className="h-screen w-screen">
       <img src={url} />
     </div>
   )