@@ -16,22 +16,54 @@ For each snippet, you will find the **source code**, required **permissions**, l
1616
1717Currently, we offer snippets for [ Streamlit] ( /docs/category/streamlit ) , [ Dash] ( /docs/category/dash ) , and [ FastAPI] ( /docs/category/fastapi ) and they can be easily adapted to other Python frameworks.
1818
19- <div className =" mt-4 flex flex-wrap space-x-8 align-middle text-center " >
20- <Link to="/docs/category/streamlit">
21- <button className="inline-flex items-center border-2 border-lava-600 px-8 py-2.5 text-center align-middle text-lg font-semibold text-lava-600 hover:cursor-pointer hover:border-lava-700 hover:underline bg-transparent hover:cursor-pointer">
22- <img src="/img/logo_streamlit.svg" className="mr-4 h-8" />
23- <span clasName="m-0 p-0">Build with Streamlit</span>
19+ <div className =" mt-4 flex w-full flex-row items-center justify-center space-x-4 sm:w-auto " >
20+ <Link to="/docs/category/streamlit" className="landing-button-horizontal">
21+ <button className="inline-flex w-full items-center justify-center border-2 border-lava-600 bg-transparent px-8 py-2.5 text-center align-middle text-lg font-semibold text-lava-600 hover:cursor-pointer hover:border-lava-700 hover:underline">
22+ <div className="flex h-8 items-center">
23+ <img src="/img/logo_streamlit.svg" className="mr-4 h-6" />
24+ </div>
25+ <span className="m-0 p-0">Build with Streamlit</span>
2426 </button>
2527 </Link>
26- <Link to="/docs/category/dash">
27- <button className="inline-flex items-center border-2 border-lava-600 px-8 py-2.5 text-center align-middle text-lg font-semibold text-lava-600 hover:cursor-pointer hover:border-lava-700 hover:underline bg-transparent hover:cursor-pointer">
28- <img src="/img/logo_dash.png" className="mr-4 h-8" />
28+ <Link to="/docs/category/dash" className="landing-button-horizontal">
29+ <button className="inline-flex w-full items-center justify-center border-2 border-lava-600 bg-transparent px-8 py-2.5 text-center align-middle text-lg font-semibold text-lava-600 hover:cursor-pointer hover:border-lava-700 hover:underline">
30+ <div className="flex h-8 items-center">
31+ <img src="/img/logo_dash.png" className="mr-4 h-6" />
32+ </div>
2933 <span>Build with Dash</span>
3034 </button>
3135 </Link>
32- <Link to="/docs/category/fastapi">
33- <button className="inline-flex items-center border-2 border-lava-600 px-8 py-2.5 text-center align-middle text-lg font-semibold text-lava-600 hover:cursor-pointer hover:border-lava-700 hover:underline bg-transparent hover:cursor-pointer">
34- <img src="/img/logo_fastapi.svg" className="mr-4 h-8" />
36+ <Link to="/docs/category/fastapi" className="landing-button-horizontal">
37+ <button className="inline-flex w-full items-center justify-center border-2 border-lava-600 bg-transparent px-8 py-2.5 text-center align-middle text-lg font-semibold text-lava-600 hover:cursor-pointer hover:border-lava-700 hover:underline">
38+ <div className="flex h-8 items-center">
39+ <img src="/img/logo_fastapi.svg" className="mr-4 h-6" />
40+ </div>
41+ <span>Build with FastAPI</span>
42+ </button>
43+ </Link>
44+ </div >
45+ <div className =" mt-4 flex w-full flex-col items-center justify-center space-y-4 sm:w-auto " >
46+ <Link to="/docs/category/streamlit" className="landing-button-vertical w-full">
47+ <button className="inline-flex w-full items-center justify-center border-2 border-lava-600 bg-transparent px-8 py-2.5 text-center align-middle text-lg font-semibold text-lava-600 hover:cursor-pointer hover:border-lava-700 hover:underline">
48+ <div className="flex h-8 items-center">
49+ <img src="/img/logo_streamlit.svg" className="mr-4 h-6" />
50+ </div>
51+ <span className="m-0 p-0">Build with Streamlit</span>
52+ </button>
53+ </Link>
54+ <Link to="/docs/category/dash" className="landing-button-vertical w-full">
55+ <button className="inline-flex w-full items-center justify-center border-2 border-lava-600 bg-transparent px-8 py-2.5 text-center align-middle text-lg font-semibold text-lava-600 hover:cursor-pointer hover:border-lava-700 hover:underline">
56+ <div className="flex h-8 items-center">
57+ <img src="/img/logo_dash.png" className="mr-4 h-6" />
58+ </div>
59+ <span>Build with Dash</span>
60+ </button>
61+ </Link>
62+ <Link to="/docs/category/fastapi" className="landing-button-vertical w-full">
63+ <button className="inline-flex w-full items-center justify-center border-2 border-lava-600 bg-transparent px-8 py-2.5 text-center align-middle text-lg font-semibold text-lava-600 hover:cursor-pointer hover:border-lava-700 hover:underline">
64+ <div className="flex h-8 items-center">
65+ <img src="/img/logo_fastapi.svg" className="mr-4 h-6" />
66+ </div>
3567 <span>Build with FastAPI</span>
3668 </button>
3769 </Link>
0 commit comments