Update Playground.svelte
Browse files
src/lib/components/Playground/Playground.svelte
CHANGED
@@ -194,7 +194,7 @@
|
|
194 |
{/if}
|
195 |
|
196 |
<div
|
197 |
-
class="w-dvh maxdivide-gray-200 grid overflow-hidden max-md:divide-y md:h-dvh md:grid-cols-[clamp(
|
198 |
>
|
199 |
<div class="relative flex flex-col overflow-y-auto px-5 pb-24 pt-7">
|
200 |
<div class="pb-2 text-sm font-semibold">SYSTEM</div>
|
@@ -319,7 +319,7 @@
|
|
319 |
d="m31 16l-7 7l-1.41-1.41L28.17 16l-5.58-5.59L24 9l7 7zM1 16l7-7l1.41 1.41L3.83 16l5.58 5.59L8 23l-7-7zm11.42 9.484L17.64 6l1.932.517L14.352 26z"
|
320 |
/></svg
|
321 |
>
|
322 |
-
{!viewCode ? '
|
323 |
>
|
324 |
<button
|
325 |
on:click={() => {
|
|
|
194 |
{/if}
|
195 |
|
196 |
<div
|
197 |
+
class="w-dvh maxdivide-gray-200 grid overflow-hidden max-md:divide-y md:h-dvh md:grid-cols-[clamp(220px,20%,350px),minmax(0,1fr),clamp(270px,25%,300px)] md:divide-x dark:divide-gray-800 dark:bg-gray-900 dark:text-gray-300"
|
198 |
>
|
199 |
<div class="relative flex flex-col overflow-y-auto px-5 pb-24 pt-7">
|
200 |
<div class="pb-2 text-sm font-semibold">SYSTEM</div>
|
|
|
319 |
d="m31 16l-7 7l-1.41-1.41L28.17 16l-5.58-5.59L24 9l7 7zM1 16l7-7l1.41 1.41L3.83 16l5.58 5.59L8 23l-7-7zm11.42 9.484L17.64 6l1.932.517L14.352 26z"
|
320 |
/></svg
|
321 |
>
|
322 |
+
{!viewCode ? 'View Code' : 'Hide Code'}</button
|
323 |
>
|
324 |
<button
|
325 |
on:click={() => {
|