Skip to content

Commit 7136f49

Browse files
committed
update docs
1 parent 4b67eb9 commit 7136f49

3 files changed

Lines changed: 20 additions & 5 deletions

File tree

packages/docs/.astro/types.d.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1 +1,2 @@
11
/// <reference types="astro/client" />
2+
/// <reference path="content.d.ts" />

packages/docs/astro.config.mjs

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,31 @@
11
import { defineConfig } from 'astro/config';
22
import mdx from '@astrojs/mdx';
3+
import { visit } from 'unist-util-visit';
34

45
import tailwindcss from '@tailwindcss/vite';
56

7+
function rehypeScrollableTables() {
8+
return (tree) => {
9+
visit(tree, 'element', (node, index, parent) => {
10+
if (node.tagName === 'table' && parent) {
11+
const wrapper = {
12+
type: 'element',
13+
tagName: 'div',
14+
properties: { className: ['overflow-x-auto'] },
15+
children: [node],
16+
};
17+
parent.children[index] = wrapper;
18+
}
19+
});
20+
};
21+
}
22+
623
export default defineConfig({
724
integrations: [
825
mdx({
926
syntaxHighlight: 'shiki',
1027
shikiConfig: { theme: 'github-light' },
28+
rehypePlugins: [rehypeScrollableTables],
1129
}),
1230
],
1331
output: 'static',

packages/docs/src/components/ResizeDemo.astro

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ const srcdoc = `<!DOCTYPE html>
3535
></iframe>
3636
</div>
3737
<button
38-
class="resize-demo-handle flex-none w-3 bg-stone-100 border border-l-0 border-stone-200 rounded-r-lg cursor-col-resize flex items-center justify-center hover:bg-stone-200 transition-colors"
38+
class="resize-demo-handle flex-none w-6 bg-stone-100 border border-l-0 border-stone-200 rounded-r-lg cursor-col-resize flex items-center justify-center hover:bg-stone-200 transition-colors touch-none"
3939
aria-label="Drag to resize"
4040
title="Drag to resize"
4141
>
@@ -67,8 +67,6 @@ const srcdoc = `<!DOCTYPE html>
6767
e.preventDefault();
6868
dragging = true;
6969
handle.setPointerCapture(e.pointerId);
70-
document.documentElement.style.cursor = 'col-resize';
71-
document.documentElement.style.userSelect = 'none';
7270
});
7371

7472
handle.addEventListener('pointermove', (e: PointerEvent) => {
@@ -80,8 +78,6 @@ const srcdoc = `<!DOCTYPE html>
8078

8179
handle.addEventListener('pointerup', () => {
8280
dragging = false;
83-
document.documentElement.style.cursor = '';
84-
document.documentElement.style.userSelect = '';
8581
});
8682
});
8783
</script>

0 commit comments

Comments
 (0)