Minor tweaks to API page UI (#4740)

* changes

* changes

* changes
This commit is contained in:
aliabid94 2023-07-03 16:45:11 -05:00 committed by GitHub
parent 6c5427230e
commit 6cafc75099
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 10 deletions

View File

@ -11,10 +11,12 @@
<h2>
<img src={api_logo} alt="" />
API documentation for&nbsp;
<span class="url">
{root}&nbsp;&nbsp;&nbsp;
</span>
<div>
API documentation
<div class="url">
{root}
</div>
</div>
<span class="counts">
<span class="url">{api_count}</span> API endpoint{#if api_count > 1}s{/if}
</span>
@ -29,15 +31,18 @@
display: flex;
color: var(--body-text-color);
font-weight: var(--weight-semibold);
gap: var(--size-4);
}
h2 img {
margin-right: var(--size-2);
width: var(--size-4);
display: inline-block;
}
span {
.url {
color: var(--color-accent);
font-weight: normal;
}
button {

View File

@ -153,7 +153,7 @@
</div>
<div class="docs-wrap">
<div class="client-doc">
<h2>
<p>
Use the <a
href="https://gradio.app/docs/#python-client"
target="_blank"><code class="library">gradio_client</code></a
@ -162,7 +162,7 @@
<a href="https://gradio.app/docs/#javascript-client" target="_blank"
><code class="library">@gradio/client</code></a
> Javascript package to query the demo via API.
</h2>
</p>
</div>
<div class="endpoint">
<div class="snippets">
@ -313,7 +313,7 @@
padding-top: var(--size-6);
padding-right: var(--size-6);
padding-left: var(--size-6);
font-size: var(--text-xl);
font-size: var(--text-md);
}
.library {
@ -372,8 +372,7 @@
}
.header {
margin-top: var(--size-3);
margin-bottom: var(--size-3);
margin-top: var(--size-6);
font-size: var(--text-xl);
}