Skip to content

Commit

Permalink
feat: responsive styling for demo app (#810)
Browse files Browse the repository at this point in the history
  • Loading branch information
@bswags @moldy530
bswags authored and moldy530 committed Jul 17, 2024
1 parent 4b17859 commit d69c4c7
Show file tree
Hide file tree
Showing 4 changed files with 4 additions and 75 deletions.
3 changes: 1 addition & 2 deletions examples/ui-demo/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,8 +23,7 @@
"react": "^18",
"react-dom": "^18",
"react-syntax-highlighter": "^15.5.0",
"tailwind-merge": "^2.3.0",
"viem": "^2.9.28"
"tailwind-merge": "^2.3.0"
},
"devDependencies": {
"@t3-oss/env-core": "^0.7.1",
Expand Down
4 changes: 2 additions & 2 deletions examples/ui-demo/src/app/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,10 +27,10 @@ export default function Home() {
>
<TopNav />
<div
className={`flex flex-col flex-1 px-10 py-6 w-full max-w-screen-2xl mx-auto overflow-hidden ${inter.className}`}
className={`flex flex-col flex-1 px-4 md:px-6 lg:px-10 py-4 md:py-6 w-full max-w-screen-2xl mx-auto overflow-hidden ${inter.className}`}
>
<div className="flex flex-1 gap-6 overflow-hidden">
<div className="flex flex-col basis-0 flex-1 bg-white border border-border rounded-lg pt-2 px-6 pb-8 overflow-y-auto scrollbar-none">
<div className="hidden lg:flex flex-col basis-0 flex-1 bg-white border border-border rounded-lg pt-2 px-6 pb-8 overflow-y-auto scrollbar-none">
<Configuration />
</div>

Expand Down
2 changes: 1 addition & 1 deletion examples/ui-demo/src/components/topnav/TopNav.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ export function TopNav() {
</div>

<div className="flex gap-4 items-center h-8">
<div className="flex items-center gap-8 font-semibold">
<div className="hidden md:flex items-center gap-8 font-semibold">
<ExternalLink href={links.docs} className="p-2 hover:bg-gray-100 transition-colors rounded-lg">
Docs
</ExternalLink>
Expand Down
70 changes: 0 additions & 70 deletions yarn.lock
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5646,27 +5646,13 @@
dependencies:
"@noble/hashes" "1.3.2"

"@noble/[email protected]":
version "1.4.0"
resolved "https://registry.yarnpkg.com/@noble/curves/-/curves-1.4.0.tgz#f05771ef64da724997f69ee1261b2417a49522d6"
integrity sha512-p+4cb332SFCrReJkCYe8Xzm0OWi4Jji5jVdIZRL/PmacmDkFNw6MrrV+gGpiPxLHbV+zKFRywUWbaseT+tZRXg==
dependencies:
"@noble/hashes" "1.4.0"

"@noble/curves@^1.2.0", "@noble/curves@^1.3.0":
version "1.3.0"
resolved "https://registry.npmjs.org/@noble/curves/-/curves-1.3.0.tgz"
integrity sha512-t01iSXPuN+Eqzb4eBX0S5oubSqXbK/xXa1Ne18Hj8f9pStxztHCE2gfboSp/dZRLSqfuLpRK2nDXDK+W9puocA==
dependencies:
"@noble/hashes" "1.3.3"

"@noble/curves@~1.4.0":
version "1.4.2"
resolved "https://registry.yarnpkg.com/@noble/curves/-/curves-1.4.2.tgz#40309198c76ed71bc6dbf7ba24e81ceb4d0d1fe9"
integrity sha512-TavHr8qycMChk8UwMld0ZDRvatedkzWfH8IiaeGCfymOP5i0hSCozz9vHOL0nkwk7HRMlFnAiKpS2jrUmSybcw==
dependencies:
"@noble/hashes" "1.4.0"

"@noble/[email protected]":
version "1.1.2"
resolved "https://registry.npmjs.org/@noble/hashes/-/hashes-1.1.2.tgz"
Expand Down Expand Up @@ -5697,11 +5683,6 @@
resolved "https://registry.npmjs.org/@noble/hashes/-/hashes-1.3.3.tgz"
integrity sha512-V7/fPHgl+jsVPXqqeOzT8egNj2iBIVt+ECeMMG8TdcnTikP3oaBtUVqpT/gYCR68aEBJSF+XbYUxStjbFMqIIA==

"@noble/[email protected]", "@noble/hashes@~1.4.0":
version "1.4.0"
resolved "https://registry.yarnpkg.com/@noble/hashes/-/hashes-1.4.0.tgz#45814aa329f30e4fe0ba49426f49dfccdd066426"
integrity sha512-V1JJ1WTRUqHHrOSh597hURcMqVKVGL/ea3kv0gSnEdsEZ0/+VyPghM1lMNGc00z7CIQorSvbKpuJkxvuHbvdbg==

"@noble/[email protected]", "@noble/secp256k1@~1.7.0":
version "1.7.1"
resolved "https://registry.npmjs.org/@noble/secp256k1/-/secp256k1-1.7.1.tgz"
Expand Down Expand Up @@ -7016,11 +6997,6 @@
resolved "https://registry.npmjs.org/@scure/base/-/base-1.1.4.tgz"
integrity sha512-wznebWtt+ejH8el87yuD4i9xLSbYZXf1Pe4DY0o/zq/eg5I0VQVXVbFs6XIM0pNVCJ/uE3t5wI9kh90mdLUxtw==

"@scure/base@~1.1.6":
version "1.1.7"
resolved "https://registry.yarnpkg.com/@scure/base/-/base-1.1.7.tgz#fe973311a5c6267846aa131bc72e96c5d40d2b30"
integrity sha512-PPNYBslrLNNUQ/Yad37MHYsNQtK67EhWb6WtSvNLLPo7SdVZgkUjD6Dg+5On7zNwmskf8OX7I7Nx5oN+MIWE0g==

"@scure/[email protected]":
version "1.1.5"
resolved "https://registry.npmjs.org/@scure/bip32/-/bip32-1.1.5.tgz"
Expand Down Expand Up @@ -7057,15 +7033,6 @@
"@noble/hashes" "~1.3.2"
"@scure/base" "~1.1.2"

"@scure/[email protected]":
version "1.4.0"
resolved "https://registry.yarnpkg.com/@scure/bip32/-/bip32-1.4.0.tgz#4e1f1e196abedcef395b33b9674a042524e20d67"
integrity sha512-sVUpc0Vq3tXCkDGYVWGIZTRfnvu8LoTDaev7vbwh0omSvVORONr960MQWdKqJDCReIEmTj3PAr73O3aoxz7OPg==
dependencies:
"@noble/curves" "~1.4.0"
"@noble/hashes" "~1.4.0"
"@scure/base" "~1.1.6"

"@scure/[email protected]":
version "1.1.1"
resolved "https://registry.npmjs.org/@scure/bip39/-/bip39-1.1.1.tgz"
Expand All @@ -7090,14 +7057,6 @@
"@noble/hashes" "~1.3.0"
"@scure/base" "~1.1.0"

"@scure/[email protected]":
version "1.3.0"
resolved "https://registry.yarnpkg.com/@scure/bip39/-/bip39-1.3.0.tgz#0f258c16823ddd00739461ac31398b4e7d6a18c3"
integrity sha512-disdg7gHuTDZtY+ZdkmLpPCk7fxZSu3gBiEGuoC1XYxv9cGx3Z6cpTggCgW6odSOOIXCiDjuGejW+aJKCY/pIQ==
dependencies:
"@noble/hashes" "~1.4.0"
"@scure/base" "~1.1.6"

"@shikijs/[email protected]":
version "1.5.2"
resolved "https://registry.yarnpkg.com/@shikijs/core/-/core-1.5.2.tgz#e3917551ffadf6acbdae495c08065c3d3fd9e381"
Expand Down Expand Up @@ -10005,11 +9964,6 @@ [email protected]:
resolved "https://registry.npmjs.org/abitype/-/abitype-1.0.0.tgz"
integrity sha512-NMeMah//6bJ56H5XRj8QCV4AwuW6hB6zqz2LnhhLdcWVQOsXki6/Pn3APeqxCma62nXIcmZWdu1DlHWS74umVQ==

[email protected]:
version "1.0.5"
resolved "https://registry.yarnpkg.com/abitype/-/abitype-1.0.5.tgz#29d0daa3eea867ca90f7e4123144c1d1270774b6"
integrity sha512-YzDhti7cjlfaBhHutMaboYB21Ha3rXR9QTkNJFzYC4kC8YclaiwPBBBJY8ejFdu2wnJeZCVZSMlQJ7fi8S6hsw==

abitype@^0.8.3:
version "0.8.11"
resolved "https://registry.npmjs.org/abitype/-/abitype-0.8.11.tgz"
Expand Down Expand Up @@ -16114,11 +16068,6 @@ [email protected]:
resolved "https://registry.npmjs.org/isows/-/isows-1.0.3.tgz"
integrity sha512-2cKei4vlmg2cxEjm3wVSqn8pcoRF/LX/wpifuuNquFO4SQmPwarClT+SUCA2lt+l581tTeZIPIZuIDo2jWN1fg==

[email protected]:
version "1.0.4"
resolved "https://registry.yarnpkg.com/isows/-/isows-1.0.4.tgz#810cd0d90cc4995c26395d2aa4cfa4037ebdf061"
integrity sha512-hEzjY+x9u9hPmBom9IIAqdJCwNLax+xrPb51vEPpERoFlIxgmZcHzsT5jKG06nvInKOBGvReAVz80Umed5CczQ==

it-all@^1.0.4:
version "1.0.6"
resolved "https://registry.npmjs.org/it-all/-/it-all-1.0.6.tgz"
Expand Down Expand Up @@ -23139,20 +23088,6 @@ viem@^1.0.0, viem@^1.1.4, viem@^1.21.4:
isows "1.0.3"
ws "8.13.0"

viem@^2.9.28:
version "2.17.0"
resolved "https://registry.yarnpkg.com/viem/-/viem-2.17.0.tgz#5d7537e4e465e551c41a5304126d6d4a25468aa9"
integrity sha512-+gaVlsfDsHL1oYdjpatdRxW1WK/slLYVvpOws3fEdLfQFUToezKI6YLC9l1g2uKm4Hg3OdGX1KQy/G7/58tTKQ==
dependencies:
"@adraffy/ens-normalize" "1.10.0"
"@noble/curves" "1.4.0"
"@noble/hashes" "1.4.0"
"@scure/bip32" "1.4.0"
"@scure/bip39" "1.3.0"
abitype "1.0.5"
isows "1.0.4"
ws "8.17.1"

[email protected]:
version "0.31.4"
resolved "https://registry.npmjs.org/vite-node/-/vite-node-0.31.4.tgz"
Expand Down Expand Up @@ -23766,11 +23701,6 @@ [email protected]:
resolved "https://registry.npmjs.org/ws/-/ws-8.13.0.tgz"
integrity sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==

[email protected]:
version "8.17.1"
resolved "https://registry.yarnpkg.com/ws/-/ws-8.17.1.tgz#9293da530bb548febc95371d90f9c878727d919b"
integrity sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==

[email protected]:
version "8.5.0"
resolved "https://registry.npmjs.org/ws/-/ws-8.5.0.tgz"
Expand Down

0 comments on commit d69c4c7

Please sign in to comment.