From fb63d7d259fcc5a4f8cd7522adb08e2d3f070e0f Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Mon, 29 Jul 2024 19:11:45 +0800
Subject: [PATCH] feat: background and speed of entries loading indicator

---
 .../src/components/ui/auto-resize-height.tsx        | 13 +++++++------
 src/renderer/src/modules/entry-column/index.tsx     |  2 +-
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/renderer/src/components/ui/auto-resize-height.tsx b/src/renderer/src/components/ui/auto-resize-height.tsx
index a58aab2bc..677c4170c 100644
--- a/src/renderer/src/components/ui/auto-resize-height.tsx
+++ b/src/renderer/src/components/ui/auto-resize-height.tsx
@@ -4,10 +4,7 @@ import { m } from "framer-motion"
 import { useEffect, useRef, useState } from "react"
 
 const softSpringPreset: Spring = {
-  duration: 0.35,
   type: "spring",
-  stiffness: 120,
-  damping: 20,
 }
 
 interface AnimateChangeInHeightProps {
@@ -21,7 +18,7 @@ interface AnimateChangeInHeightProps {
 export const AutoResizeHeight: React.FC<AnimateChangeInHeightProps> = ({
   children,
   className,
-  duration = 0.6,
+  duration = 0.35,
   spring = false,
 }) => {
   const containerRef = useRef<HTMLDivElement | null>(null)
@@ -47,10 +44,14 @@ export const AutoResizeHeight: React.FC<AnimateChangeInHeightProps> = ({
   return (
     <m.div
       className={cn("overflow-hidden", className)}
-      style={{ height }}
       initial={false}
       animate={{ height }}
-      transition={spring ? softSpringPreset : { duration }}
+      transition={spring ? {
+        ...softSpringPreset,
+        duration,
+      } : {
+        duration,
+      }}
     >
       <div ref={containerRef}>{children}</div>
     </m.div>
diff --git a/src/renderer/src/modules/entry-column/index.tsx b/src/renderer/src/modules/entry-column/index.tsx
index 1c51b093b..af9cc055b 100644
--- a/src/renderer/src/modules/entry-column/index.tsx
+++ b/src/renderer/src/modules/entry-column/index.tsx
@@ -164,7 +164,7 @@ export function EntryColumn() {
       />
       <AutoResizeHeight spring>
         {isRefreshing && (
-          <div className="center h-7 gap-2 bg-theme-accent text-xs text-white">
+          <div className="center h-7 gap-2 text-xs">
             <LoadingCircle size="small" />
             Refreshing new entries...
           </div>