From 008d26e617f67ebe7cf8019be705f84eeb36c361 Mon Sep 17 00:00:00 2001 From: Anmol Singh Bhatia Date: Wed, 16 Jul 2025 15:44:37 +0530 Subject: [PATCH 1/2] fix: peek view ui layout --- apps/web/core/components/issues/peek-overview/view.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/web/core/components/issues/peek-overview/view.tsx b/apps/web/core/components/issues/peek-overview/view.tsx index 12360cc6556..00a13fdd5d6 100644 --- a/apps/web/core/components/issues/peek-overview/view.tsx +++ b/apps/web/core/components/issues/peek-overview/view.tsx @@ -118,7 +118,7 @@ export const IssueView: FC = observer((props) => { ? "fixed z-[25] flex flex-col overflow-hidden rounded border border-custom-border-200 bg-custom-background-100 transition-all duration-300" : `w-full h-full`, !embedIssue && { - "bottom-0 right-0 top-0 w-full md:w-[50%] border-0 border-l": peekMode === "side-peek", + "bottom-0 top-2 bottom-2 right-2 w-full md:w-[50%] border-0 border-l": peekMode === "side-peek", "size-5/6 top-[8.33%] left-[8.33%]": peekMode === "modal", "inset-0 m-4 absolute": peekMode === "full-screen", } From 16d1e35a0204df42930a7a98504fccd5f865ccf6 Mon Sep 17 00:00:00 2001 From: Anmol Singh Bhatia Date: Wed, 16 Jul 2025 16:03:42 +0530 Subject: [PATCH 2/2] chore: code refactor --- apps/web/core/components/issues/peek-overview/view.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/web/core/components/issues/peek-overview/view.tsx b/apps/web/core/components/issues/peek-overview/view.tsx index 00a13fdd5d6..6d1fe4756b8 100644 --- a/apps/web/core/components/issues/peek-overview/view.tsx +++ b/apps/web/core/components/issues/peek-overview/view.tsx @@ -118,7 +118,7 @@ export const IssueView: FC = observer((props) => { ? "fixed z-[25] flex flex-col overflow-hidden rounded border border-custom-border-200 bg-custom-background-100 transition-all duration-300" : `w-full h-full`, !embedIssue && { - "bottom-0 top-2 bottom-2 right-2 w-full md:w-[50%] border-0 border-l": peekMode === "side-peek", + "top-2 bottom-2 right-2 w-full md:w-[50%] border-0 border-l": peekMode === "side-peek", "size-5/6 top-[8.33%] left-[8.33%]": peekMode === "modal", "inset-0 m-4 absolute": peekMode === "full-screen", }