-
Notifications
You must be signed in to change notification settings - Fork 0
/
navigations.html
4 lines (4 loc) · 9.3 KB
/
navigations.html
1
2
3
4
<!DOCTYPE html><html lang="en"><head><title>My page</title><meta charSet="UTF-8"/><meta name="description" content="Free Web tutorials"/><meta name="keywords" content="titla, meta, nextjs"/><meta name="author" content="Dadmor"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><meta name="next-head-count" content="6"/><link rel="preload" href="/_next/static/css/72a2a8e5f1b140c9.css" as="style"/><link rel="stylesheet" href="/_next/static/css/72a2a8e5f1b140c9.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-d03d5a8f9e93f17f.js" defer=""></script><script src="/_next/static/chunks/framework-5f4595e5518b5600.js" defer=""></script><script src="/_next/static/chunks/main-540026a262f6c3ff.js" defer=""></script><script src="/_next/static/chunks/pages/_app-c9c97b46ea4736c5.js" defer=""></script><script src="/_next/static/chunks/pages/navigations-bca98e528ed13d5b.js" defer=""></script><script src="/_next/static/rQxvTDHOWFr-jVKDE9C6q/_buildManifest.js" defer=""></script><script src="/_next/static/rQxvTDHOWFr-jVKDE9C6q/_ssgManifest.js" defer=""></script></head><body><div id="__next" data-reactroot=""><div class="flex flex-col min-h-screen border"><div class="flex flex-col min-h-screen"><div class="z-20 bg-white sticky top-0 border-b py-3 p-6 flex-initial"><div class=" flex justify-between gap-4"><div class=" flex items-center gap-2"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10"></circle></svg>POSTTYPE7</div><a class=" cursor-pointer transition duration-150 ease-in-out hover:text-blue-700 active:text-blue-900 text-blue-500 " href="https://github.com/PostType7"><div class=" flex items-center gap-2"><div class=""><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></div><p class=" ">GitHub</p></div></a></div></div><div class="bg-gray-50 grid grid-cols-12 gap-6 flex-1"><div class="col-span-2 bg-slate-100 p-6 text-gray-300 border-r h-full"><div class=" flex flex-col sticky top-20 gap-6"><div class=" flex flex-col gap-4"><a class=" cursor-pointer transition duration-150 ease-in-out hover:text-blue-400 active:text-blue-500 text-gray-500 " href="/"><div class=" flex w-max gap-4"><div class=" flex items-center gap-2"><div class=""><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></div><p class=" ">Dashboard</p></div></div></a></div><div class=" flex flex-col gap-4"><a class=" cursor-pointer transition duration-150 ease-in-out hover:text-blue-400 active:text-blue-500 text-gray-500 " href="/stacks"><div class=" flex w-max gap-4"><div class=" flex items-center gap-2"><div class=""><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></div><p class=" ">Stacks components</p></div></div></a></div><div class=" flex flex-col gap-4"><a class=" cursor-pointer transition duration-150 ease-in-out hover:text-blue-400 active:text-blue-500 text-gray-500 " href="/cards"><div class=" flex w-max gap-4"><div class=" flex items-center gap-2"><div class=""><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></div><p class=" ">Card component</p></div></div></a></div><div class=" flex flex-col gap-4"><a class=" cursor-pointer transition duration-150 ease-in-out hover:text-blue-400 active:text-blue-500 text-gray-500 " href="/navigation"><div class=" flex w-max gap-4"><div class=" flex items-center gap-2"><div class=""><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></div><p class=" ">Navigation components</p></div></div></a></div></div></div><div class=" flex flex-col col-span-7 gap-4 py-4"><div class=" "></div><div class=" flex items-center gap-4"><p class=" flex-1 text-gray-600 text-4xl">Button component</p></div><div class=" flex flex-col "><p class=" text-base leading-5 pb-1.5">The basic component that organizes the displayed content</p><p class=" text-sm leading-4 text-gray-500">The card maintains the default spacing, so the projected view will be equal</p></div><div class=" "></div><p class=" text-gray-600 text-xs">Default card</p><div class=" grid grid-cols-2 gap-4"><div class=" shadow rounded bg-white overflow-hidden flex flex-col py-4 px-4 gap-4"><p class=" border border-dotted text-gray-600">Empty card component</p><p class=" border border-dotted text-gray-600">with default spacing</p></div><pre class=" border p-4 rounded font-mono text-sm "><Card>
<!-- --> <Text>Empty card component</Text>
<!-- --> <Text>With default spacing</Text>
<!-- --></Card></pre></div><div class=" "></div></div><div class=" flex flex-col col-span-3 gap-4 py-4 pr-4"><div class=" shadow rounded bg-white overflow-hidden flex flex-col py-4 px-4 gap-4"><div class=" flex items-center gap-4"><p class=" flex-1 text-gray-600 text-xl">Card propertires</p></div><p class=" text-gray-600 text-xs">Import from theme ./layout</p><table class="text-xs" width="100%"><thead><tr><th class=" p-4 text-left border-b font-normal "><p class=" text-gray-600">Name</p></th><th class=" p-4 text-left border-b font-normal "><p class=" text-gray-600">Scope</p></th><th class=" p-4 text-left border-b font-normal "><p class=" text-gray-600">Description</p></th></tr></thead><tbody><tr><th class=" p-4 text-left border-b font-normal px-2 py-2"><p class=" text-gray-600">className</p></th><th class=" p-4 text-left border-b font-normal px-2 py-2"><p class=" text-gray-600">string</p></th><th class=" p-4 text-left border-b font-normal px-2 py-2"><p class=" text-gray-600">Is chldren rendering as horizontal axis</p></th></tr><tr><th class=" p-4 text-left border-b font-normal px-2 py-2"><p class=" text-gray-600">color</p></th><th class=" p-4 text-left border-b font-normal px-2 py-2"><p class=" text-gray-600">primary, success, error, warning, info, white</p></th><th class=" p-4 text-left border-b font-normal px-2 py-2"><p class=" text-gray-600">Card background color</p></th></tr><tr><th class=" p-4 text-left border-b font-normal px-2 py-2"><p class=" text-gray-600">horizontal</p></th><th class=" p-4 text-left border-b font-normal px-2 py-2"><p class=" text-gray-600">boolean</p></th><th class=" p-4 text-left border-b font-normal px-2 py-2"><p class=" text-gray-600">Is chldren rendering as horizontal axis</p></th></tr><tr><th class=" p-4 text-left border-b font-normal px-2 py-2"><p class=" text-gray-600">spacing</p></th><th class=" p-4 text-left border-b font-normal px-2 py-2"><p class=" text-gray-600">none, sm, md, lg, xl</p></th><th class=" p-4 text-left border-b font-normal px-2 py-2"><p class=" text-gray-600">Card childrens spacing</p></th></tr><tr><th class=" p-4 text-left border-b font-normal px-2 py-2"><p class=" text-gray-600">spacingY</p></th><th class=" p-4 text-left border-b font-normal px-2 py-2"><p class=" text-gray-600">none, sm, md, lg, xl</p></th><th class=" p-4 text-left border-b font-normal px-2 py-2"><p class=" text-gray-600">Card childrens horizontal spacing</p></th></tr><tr><th class=" p-4 text-left border-b font-normal px-2 py-2"><p class=" text-gray-600">spacingX</p></th><th class=" p-4 text-left border-b font-normal px-2 py-2"><p class=" text-gray-600">none, sm, md, lg, xl</p></th><th class=" p-4 text-left border-b font-normal px-2 py-2"><p class=" text-gray-600">Card childrens vertical spacing</p></th></tr><tr><th class=" p-4 text-left border-b font-normal px-2 py-2"><p class=" text-gray-600">shadowOff</p></th><th class=" p-4 text-left border-b font-normal px-2 py-2"><p class=" text-gray-600">boolean</p></th><th class=" p-4 text-left border-b font-normal px-2 py-2"><p class=" text-gray-600">Disable card shadow</p></th></tr></tbody></table></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/navigations","query":{},"buildId":"rQxvTDHOWFr-jVKDE9C6q","nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>