style: format

RSSNext · Jun 1, 2024 · 06c7496 · 06c7496
1 parent 3bcab54
commit 06c7496
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 12 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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>
  )