yindo/posthog.com
1
0
Fork 0
mirror of https://github.com/BillyOutlast/posthog.com.git synced 2026-02-04 03:11:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

reader: kill top border, rounding, fixed padding

Browse Source
This commit is contained in:
Cory Watilo
2025-11-08 09:31:13 -07:00
parent c43bda5260
commit 59d099ca32
1 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/ReaderView/index.tsx
View File

@@ -481,7 +481,9 @@ const LeftSidebar = ({ children }: { children: React.ReactNode }) => {
}}
>
<motion.div
className="h-full bg-primary rounded @2xl/app-reader:rounded-none pt-4 @2xl/app-reader:pt-0"
className={`h-full bg-primary rounded @2xl/app-reader:rounded-none pt-4 ${
!websiteMode ? '@2xl/app-reader:pt-0' : ''
}`}
initial={{ opacity: 1 }}
animate={{
opacity: 1,
@@ -492,7 +494,7 @@ const LeftSidebar = ({ children }: { children: React.ReactNode }) => {
transition: { duration: 0.05 },
}}
>
<ScrollArea className={websiteMode ? 'pr-4' : 'px-4'}>{children}</ScrollArea>
<ScrollArea className={websiteMode ? 'px-4' : 'px-4'}>{children}</ScrollArea>
</motion.div>
</motion.div>
</>
@@ -634,13 +636,19 @@ function ReaderViewContent({
{/* Second row - Main Content */}
<div
data-scheme="secondary"
className={`bg-primary flex w-full gap-2 min-h-0 flex-grow ${websiteMode && 'pt-8'}`}
className={`bg-primary flex w-full gap-2 min-h-0 flex-grow ${websiteMode && ''}`}
>
{renderLeftSidebar && <LeftSidebar>{leftSidebar || <Menu parent={parent} />}</LeftSidebar>}
<ScrollArea
dataScheme="primary"
className={`bg-primary border border-primary flex-grow
${renderLeftSidebar && isNavVisible ? '@2xl/app-reader:rounded-l' : 'border-l-0'}
${
!websiteMode
? renderLeftSidebar && isNavVisible
? '@2xl/app-reader:rounded-l'
: 'border-l-0'
: 'border-t-0'
}
${
showSidebar && isTocVisible
? 'rounded-r-0 border-r-0 @4xl/app-reader:rounded-r @4xl/app-reader:border-r'