Update +page.svelte

This commit is contained in:
Luke Hagar
2023-05-10 12:48:52 -05:00
parent 7a666ed42b
commit 9d58358fdf

View File

@@ -283,7 +283,7 @@
{/if} {/if}
</p> </p>
<div class="flex flex-row justify-end p-2 gap-2" /> <div class="flex flex-row justify-end p-2 gap-2" />
<div class="flex flex-row justify-between p-2 gap-2"> <div class="flex flex-row flex-wrap justify-between p-2 gap-2">
<div class="grow"> <div class="grow">
<p class="text-center py-2"> <p class="text-center py-2">
Input all of your JSON formatted Data, Typically API response bodies Input all of your JSON formatted Data, Typically API response bodies
@@ -300,25 +300,27 @@
bind:value={inputJSON} bind:value={inputJSON}
/> />
</div> </div>
<div class="grow relative"> <div class="grow">
<p class="text-center py-2"> <p class="text-center py-2">
And here is that JSON Response formatted as a YAML OpenAPI Specification And here is that JSON Response formatted as a YAML OpenAPI Specification
</p> </p>
<textarea <div class="relative">
readonly <textarea
id="Swagger" readonly
rows="35" id="Swagger"
cols="85" rows="35"
class="textarea" cols="85"
placeholder="Here is your Swagger" class="textarea"
bind:value={outSwagger} placeholder="Here is your Swagger"
/> bind:value={outSwagger}
<button class="btn variant-filled-primary absolute top-4 right-4" use:clipboard={outSwagger}> />
Copy <button class="btn variant-filled-primary absolute top-4 right-4" use:clipboard={outSwagger}>
</button> Copy
</button>
</div>
</div> </div>
</div> </div>
<div class="flex flex-row justify-center px-4 gap-8"> <div class="flex flex-row flex-wrap justify-center px-4 gap-8">
<label class="label"> <label class="label">
Convert null values to Convert null values to
<select bind:value={nullType} on:change={() => convert()} class="select" id="nullType"> <select bind:value={nullType} on:change={() => convert()} class="select" id="nullType">