mirror/gradio
2
0
Fork 0
mirror of https://github.com/gradio-app/gradio.git synced 2025-01-30 11:00:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix Gradio 3.19 UI breaks (#3242)

Browse Source 
* changes

* changes

* changes
This commit is contained in:
aliabid94 2023-02-19 16:14:44 -08:00 committed by GitHub
parent c3a40dabf5
commit e6d6ea1452
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 37 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
CHANGELOG.md
View File

@ -6,7 +6,7 @@
No changes to highlight.
## Bug Fixes:
No changes to highlight.
- UI fixes including footer and API docs by [@aliabid94](https://github.com/aliabid94) in [PR 3242](https://github.com/gradio-app/gradio/pull/3242)
## Documentation Changes:
No changes to highlight.

2
gradio/version.txt
View File

@ -1 +1 @@
3.19.0
3.19.1

27
ui/packages/app/index.html
View File

@ -1,5 +1,14 @@
<!DOCTYPE html>
<html lang="en" style="margin: 0; padding: 0; min-height: 100%">
<html
lang="en"
style="
margin: 0;
padding: 0;
min-height: 100%;
display: flex;
flex-direction: column;
"
>
<head>
<meta charset="utf-8" />
<meta
@ -55,9 +64,21 @@
</head>
<body
style="width: 100%; margin: 0; padding: 0; min-height: 100%; height: 100%"
style="
width: 100%;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
flex-grow: 1;
"
>
<gradio-app control_page_title="true" embed="false" eager="true">
<gradio-app
control_page_title="true"
embed="false"
eager="true"
style="display: flex; flex-direction: column; flex-grow: 1"
>
</gradio-app>
<script>
const ce = document.getElementsByTagName("gradio-app");

2
ui/packages/app/src/Blocks.svelte
View File

@ -470,6 +470,7 @@
<style>
.wrap {
display: flex;
flex-grow: 1;
flex-direction: column;
width: var(--size-full);
}
@ -477,6 +478,7 @@
footer {
display: flex;
justify-content: center;
margin-top: var(--size-4);
color: var(--color-text-subdued);
font-size: var(--scale-00);
}

6
ui/packages/app/src/Embed.svelte
View File

@ -43,7 +43,9 @@
<style>
.gradio-container {
display: flex;
position: relative;
flex-direction: column;
background: var(--button-secondary-background-base);
background: var(--color-background-primary);
padding: 0;
@ -67,7 +69,9 @@
}
.app > .main {
height: 100%;
display: flex;
flex-grow: 1;
flex-direction: column;
}
.app {

4
ui/packages/app/src/api_docs/InputPayload.svelte
View File

@ -124,8 +124,8 @@
box-shadow: 0 0 0 var(--shadow-spread) var(--ring-color);
border: 1px solid var(--input-border-color-base);
border-radius: var(--radius-sm);
background: var(--input-background-base);
padding: var(--size-0-5) var(--size-1);
background: var(--input-background-base) !important;
padding: var(--size-0-5) var(--size-1) !important;
width: var(--size-40);
font-size: var(--scale-000);
}

4
ui/packages/app/src/api_docs/ResponseObject.svelte
View File

@ -115,8 +115,8 @@
box-shadow: 0 0 0 var(--shadow-spread) var(--ring-color);
border: 1px solid var(--input-border-color-base);
border-radius: var(--radius-sm);
background: var(--input-background-base);
padding: var(--size-0-5) var(--size-1);
background: var(--input-background-base) !important;
padding: var(--size-0-5) var(--size-1) !important;
width: var(--size-40);
font-size: var(--scale-000);
}