fix: float sidebar missing background

Signed-off-by: Innei <tukon479@gmail.com>

Author: Innei

apps/renderer/src/modules/feed-column/index.tsx

@@ -14,8 +14,8 @@ import { isHotkeyPressed, useHotkeys } from "react-hotkeys-hook"
 import { useTranslation } from "react-i18next"
 
 import { useUISettingKey } from "~/atoms/settings/ui"
-import { useSidebarActiveView } from "~/atoms/sidebar"
-import { HotKeyScopeMap } from "~/constants"
+import { useFeedColumnShow, useSidebarActiveView } from "~/atoms/sidebar"
+import { HotKeyScopeMap, isElectronBuild } from "~/constants"
 import { shortcuts } from "~/constants/shortcuts"
 import { useNavigateEntry } from "~/hooks/biz/useNavigateEntry"
 import { useReduceMotion } from "~/hooks/biz/useReduceMotion"
@@ -138,10 +138,16 @@ export function FeedColumn({ children, className }: PropsWithChildren<{ classNam
   })
 
   const shouldFreeUpSpace = useShouldFreeUpSpace()
+  const feedColumnShow = useFeedColumnShow()
 
   return (
     <WindowUnderBlur
-      className={cn("relative flex h-full flex-col space-y-3 pt-2.5", className)}
+      className={cn(
+        "relative flex h-full flex-col space-y-3 pt-2.5",
+
+        !feedColumnShow && isElectronBuild && "bg-zinc-200/80 backdrop-blur dark:bg-neutral-800/80",
+        className,
+      )}
       onClick={useCallback(() => navigateBackHome(), [navigateBackHome])}
     >
       <FeedColumnHeader />

apps/renderer/src/pages/(main)/layout.tsx

@@ -294,7 +294,7 @@ const FeedResponsiveResizerContainer = ({
         className={cn(
           "shrink-0 overflow-hidden",
           "absolute inset-y-0 z-[2]",
-          feedColumnTempShow && !feedColumnShow && "shadow-drawer-to-right z-[12] border-r",
+          feedColumnTempShow && !feedColumnShow && "shadow-drawer-to-right z-[12]",
           !feedColumnShow && !feedColumnTempShow ? "-translate-x-full delay-200" : "",
           !isDragging ? "duration-200" : "",
         )}