fix: feed column height

Signed-off-by: Innei <i@innei.in>
RSSNext · Aug 1, 2024 · 0d4c70d · 0d4c70d
1 parent f6b62c8
commit 0d4c70d
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/renderer/src/modules/feed-column/corner-player.tsx b/src/renderer/src/modules/feed-column/corner-player.tsx
@@ -35,7 +35,7 @@ export const CornerPlayer = () => {
       {show && (
         <m.div
           key="corner-player"
-          className="group relative z-10 -mt-16 mb-10 w-full px-px"
+          className="group relative z-10 !-mt-8 !mb-0 w-full px-px"
           initial={{ y: 50, opacity: 0 }}
           animate={{ y: 0, opacity: 1 }}
           exit={{ y: 50, opacity: 0 }}
@@ -105,7 +105,7 @@ const CornerPlayerImpl = () => {
   return (
     <>
       {/* advanced controls */}
-      <div className="z-10 flex translate-y-10 justify-between border-t bg-theme-modal-background p-1 opacity-0 backdrop-blur transition-all duration-200 ease-in-out group-hover:translate-y-0 group-hover:opacity-100">
+      <div className="z-10 flex translate-y-10 justify-between border-t bg-theme-modal-background-opaque p-1 opacity-0 transition-all duration-200 ease-in-out group-hover:translate-y-0 group-hover:opacity-100">
         <div className="flex items-center">
           <ActionIcon
             className="i-mingcute-close-fill"

diff --git a/src/renderer/src/modules/feed-column/index.tsx b/src/renderer/src/modules/feed-column/index.tsx
@@ -173,7 +173,7 @@ export function FeedColumn({ children }: PropsWithChildren) {
 
   return (
     <Vibrancy
-      className="relative flex h-full flex-col gap-3 rounded-l-[12px] pt-2.5"
+      className="relative flex h-full flex-col space-y-3 rounded-l-[12px] pt-2.5"
       onClick={useCallback(() => navigateBackHome(), [navigateBackHome])}
     >
       <div
@@ -248,7 +248,7 @@ export function FeedColumn({ children }: PropsWithChildren) {
           {views.map((item, index) => (
             <section
               key={item.name}
-              className="h-full w-[var(--fo-feed-col-w)] shrink-0 snap-center pb-8"
+              className="h-full w-[var(--fo-feed-col-w)] shrink-0 snap-center"
             >
               {active === index && (
                 <FeedList

diff --git a/src/renderer/src/pages/(main)/layout.tsx b/src/renderer/src/pages/(main)/layout.tsx
@@ -38,7 +38,7 @@ export function Component() {
           <CornerPlayer />
 
           {APP_VERSION?.[0] === "0" && (
-            <div className="pointer-events-none absolute bottom-3 w-full text-center text-xs opacity-20">
+            <div className="pointer-events-none !mt-0 w-full py-3 text-center text-xs opacity-20">
               Early Access
               {" "}
               {GIT_COMMIT_SHA ?