From f5235756d4d323703a2b4429bfa3a34b15e8ac42 Mon Sep 17 00:00:00 2001 From: Nolann Biron Date: Sun, 8 Jun 2025 16:57:40 +0200 Subject: [PATCH] Handle circular-corners --- .../src/components/TableOfContents/Trademark.tsx | 10 +++++----- packages/gitbook/src/components/primitives/Button.tsx | 4 ++-- packages/gitbook/src/components/utils/Sheet.tsx | 1 + 3 files changed, 8 insertions(+), 7 deletions(-) diff --git a/packages/gitbook/src/components/TableOfContents/Trademark.tsx b/packages/gitbook/src/components/TableOfContents/Trademark.tsx index b10dd8b76..ca238103f 100644 --- a/packages/gitbook/src/components/TableOfContents/Trademark.tsx +++ b/packages/gitbook/src/components/TableOfContents/Trademark.tsx @@ -25,12 +25,12 @@ export function Trademark(props: { 'absolute', 'lg:left-0', - 'left-3', - 'lg:right-2', - 'right-3', - 'bottom-0', + 'lg:bottom-0', + 'left-2', + 'right-2', + 'bottom-2', - 'py-2', + 'pt-2', 'lg:py-0', 'pointer-events-none', diff --git a/packages/gitbook/src/components/primitives/Button.tsx b/packages/gitbook/src/components/primitives/Button.tsx index 5bac7d48e..3d53d0502 100644 --- a/packages/gitbook/src/components/primitives/Button.tsx +++ b/packages/gitbook/src/components/primitives/Button.tsx @@ -62,8 +62,8 @@ export function Button({ ...rest }: ButtonProps & { target?: HTMLAttributeAnchorTarget }) { const sizes = { - default: ['text-base', 'py-2', 'circular-corners:px-6', iconOnly ? 'px-2' : 'px-5'], - medium: ['text-sm', 'py-1.5', 'circular-corners:px-4', iconOnly ? 'px-1.5' : 'px-3.5'], + default: ['text-base', 'py-2', 'circular-corners:px-6', iconOnly ? '!px-2' : 'px-5'], + medium: ['text-sm', 'py-1.5', 'circular-corners:px-4', iconOnly ? '!px-1.5' : 'px-3.5'], small: ['text-xs', 'py-2', iconOnly ? 'px-2' : 'px-3'], }; diff --git a/packages/gitbook/src/components/utils/Sheet.tsx b/packages/gitbook/src/components/utils/Sheet.tsx index bbd932f75..59671f58e 100644 --- a/packages/gitbook/src/components/utils/Sheet.tsx +++ b/packages/gitbook/src/components/utils/Sheet.tsx @@ -66,6 +66,7 @@ export function SheetContent({ '[html.sidebar-filled.theme-bold.tint_&]:bg-tint-subtle', '[html.sidebar-filled.theme-muted_&]:bg-tint-base', '[html.sidebar-filled.theme-bold.tint_&]:bg-tint-base', + 'circular-corners:rounded-2xl', 'straight-corners:rounded-none', side === 'right' && 'right-1.5 data-[state=closed]:animate-exitToRight data-[state=open]:animate-enterFromRight',