From 781ea172b4927646d5f30960e504b202bdc66113 Mon Sep 17 00:00:00 2001 From: zeakd Date: Sat, 21 Mar 2026 02:14:34 +0900 Subject: [PATCH] =?UTF-8?q?docs:=20=EB=AA=A8=EB=B0=94=EC=9D=BC=20=EB=B0=98?= =?UTF-8?q?=EC=9D=91=ED=98=95=20=EB=8C=80=EC=9D=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 768px 이하에서 사이드바 오프캔버스 전환, 콘텐츠 패딩 축소, Props 테이블 가로 스크롤, 예제 블록 패딩 조정 --- .../src/components/Example.astro | 14 ++ .../src/components/PropsTable.astro | 18 +++ website/src/layouts/DocsLayout.astro | 126 ++++++++++++++++-- 3 files changed, 146 insertions(+), 12 deletions(-) diff --git a/packages/astro-component-docs/src/components/Example.astro b/packages/astro-component-docs/src/components/Example.astro index 26a0734..f7c5f80 100644 --- a/packages/astro-component-docs/src/components/Example.astro +++ b/packages/astro-component-docs/src/components/Example.astro @@ -71,4 +71,18 @@ const { __code, title } = Astro.props; margin: 0; border-radius: 0; } + + @media (max-width: 768px) { + .acd-example-preview { + padding: 1rem; + } + + .acd-example-title { + padding: 0.5rem 0.75rem; + } + + .acd-example-code { + font-size: 0.8125rem; + } + } diff --git a/packages/astro-component-docs/src/components/PropsTable.astro b/packages/astro-component-docs/src/components/PropsTable.astro index b730c2b..1493aa5 100644 --- a/packages/astro-component-docs/src/components/PropsTable.astro +++ b/packages/astro-component-docs/src/components/PropsTable.astro @@ -16,6 +16,7 @@ const doc: ComponentDoc | undefined = propsData[key]; {doc ? (
{doc.description &&

{doc.description}

} +
@@ -44,6 +45,7 @@ const doc: ComponentDoc | undefined = propsData[key]; ))}
+
) : (
@@ -56,6 +58,11 @@ const doc: ComponentDoc | undefined = propsData[key]; margin: 1.5rem 0; } + .acd-props-table-wrap { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .acd-props-description { margin-bottom: 1rem; color: var(--acd-text-muted, #64748b); @@ -101,4 +108,15 @@ const doc: ComponentDoc | undefined = propsData[key]; color: #991b1b; font-size: 0.875rem; } + + @media (max-width: 768px) { + .acd-props-table th, + .acd-props-table td { + padding: 0.375rem 0.5rem; + } + + .acd-props-table { + font-size: 0.8125rem; + } + } diff --git a/website/src/layouts/DocsLayout.astro b/website/src/layouts/DocsLayout.astro index 7a2d90a..af2b847 100644 --- a/website/src/layouts/DocsLayout.astro +++ b/website/src/layouts/DocsLayout.astro @@ -56,18 +56,27 @@ navigation.sort(
- +
+ + +