gsadmin/gitbook
1
0
Fork 0
mirror of https://github.com/GitbookIO/gitbook.git synced 2026-09-16 15:45:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Round page cover corners on extrawide screens (#3892)

Browse Source
This commit is contained in:
Zeno Kapitein
2026-01-12 11:58:17 +01:00
committed by GitHub
parent ca682362dd
commit 21851d3340
2 changed files with 19 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.changeset/gold-flowers-joke.md
+5
View File
@@ -0,0 +1,5 @@
---
"gitbook": patch
---
Round page cover corners on extrawide screens
packages/gitbook/src/components/PageBody/PageCover.tsx
+14 -4
View File
@@ -90,12 +90,22 @@ export async function PageCover(props: {
? [
'sm:-mx-6',
'md:-mx-8',
'lg:-mr-8',
'lg:-ml-12',
!page.layout.tableOfContents &&
context.customization.header.preset !== 'none'
? 'xl:-ml-76'
: null,
? [
'xl:-ml-76',
// Round the bottom corners once the page is wider than the image
'2xl:circular-corners:rounded-b-3xl 2xl:rounded-corners:rounded-b-xl',
]
: [
'lg:-ml-12',
// Round the bottom left corner once the sidebar is shown next to it
'lg:rounded-corners:rounded-bl-xl',
'lg:circular-corners:rounded-bl-3xl',
// Round the bottom right corner once the page is wider than the image
'2xl:rounded-corners:rounded-br-xl',
'2xl:circular-corners:rounded-br-3xl',
],
]
: [
'sm:mx-auto',