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 ?