mirror/gradio
2
0
Fork 0
mirror of https://github.com/gradio-app/gradio.git synced 2025-04-12 12:40:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

Tests Fix (#609)

Browse Source 
* test commit

* fix yellow colow

* height fixes

* fix

* fix golder images

Co-authored-by: Ali Abid <aliabid94@gmail.com>
This commit is contained in:
aliabid94 2022-02-14 15:27:29 -08:00 committed by GitHub
parent db59544d50
commit 1f7e5c7b41
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
31 changed files with 2197 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
gradio.egg-info/PKG-INFO
View File

@ -1,4 +1,4 @@
Metadata-Version: 2.1
Metadata-Version: 1.0
Name: gradio
Version: 2.8.0b5
Summary: Python library for easily interacting with trained machine learning models
@ -6,9 +6,6 @@ Home-page: https://github.com/gradio-app/gradio-UI
Author: Abubakar Abid, Ali Abid, Ali Abdalla, Dawood Khan, Ahsen Khaliq
Author-email: team@gradio.app
License: Apache License 2.0
Description: UNKNOWN
Keywords: machine learning,visualization,reproducibility
Platform: UNKNOWN
License-File: LICENSE
UNKNOWN

4
gradio.egg-info/requires.txt
View File

@ -1,5 +1,5 @@
analytics-python
aiohttp
analytics-python
fastapi
ffmpy
markdown-it-py[linkify,plugins]
@ -9,7 +9,7 @@ pandas
paramiko
pillow
pycryptodome
python-multipart
pydub
python-multipart
requests
uvicorn

8
gradio/templates/frontend/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" style="min-height: 100%; margin: 0; padding: 0">
<html lang="en" style="height: 100%; margin: 0; padding: 0">
<head>
<meta charset="utf-8" />
<meta
@ -45,10 +45,10 @@
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.1/iframeResizer.contentWindow.min.js"></script>
<title>Gradio</title>
<script type="module" crossorigin src="/assets/index.1efa643a.js"></script>
<link rel="modulepreload" href="/assets/vendor.a0afec2a.js">
<script type="module" crossorigin src="/assets/index.8bfab7fc.js"></script>
<link rel="modulepreload" href="/assets/vendor.086ddd97.js">
<link rel="stylesheet" href="/assets/vendor.327fceeb.css">
<link rel="stylesheet" href="/assets/index.dee61218.css">
<link rel="stylesheet" href="/assets/index.b7106307.css">
</head>
<body style="height: 100%; margin: 0; padding: 0">

BIN
test/golden/diff_texts/magic_trick.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 32 KiB

BIN
test/golden/image_mod/cheetah1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 236 KiB

After

Width:  |  Height:  |  Size: 236 KiB

BIN
test/golden/longest_word/wonderful.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 32 KiB

BIN
test/golden/sentence_builder/two_cats.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 49 KiB

After

Width:  |  Height:  |  Size: 49 KiB

2146
ui/package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

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

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" style="min-height: 100%; margin: 0; padding: 0">
<html lang="en" style="height: 100%; margin: 0; padding: 0">
<head>
<meta charset="utf-8" />
<meta

4
ui/packages/app/src/ExampleSet.svelte
View File

@ -89,7 +89,7 @@
@apply border-gray-300 dark:border-gray-600;
}
tbody tr:hover {
@apply bg-yellow-500 dark:bg-red-700 text-white;
@apply bg-amber-500 dark:bg-red-700 text-white;
}
}
}
@ -98,7 +98,7 @@
@apply shadow;
}
.example:hover {
@apply bg-yellow-500 text-white;
@apply bg-amber-500 text-white;
}
}
}

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

@ -365,7 +365,7 @@
@apply text-gray-400 cursor-not-allowed;
}
.panel-button.submit {
@apply bg-yellow-500 hover:bg-yellow-400 dark:bg-red-700 dark:hover:bg-red-600 text-white;
@apply bg-amber-500 hover:bg-amber-400 dark:bg-red-700 dark:hover:bg-red-600 text-white;
}
.examples {
.examples-table-holder:not(.gallery) {
@ -376,7 +376,7 @@
@apply border-gray-300 dark:border-gray-600;
}
tbody tr:hover {
@apply bg-yellow-500 dark:bg-red-700 text-white;
@apply bg-amber-500 dark:bg-red-700 text-white;
}
}
}
@ -385,7 +385,7 @@
@apply shadow;
}
tbody td:hover {
@apply bg-yellow-500 text-white;
@apply bg-amber-500 text-white;
}
}
}

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

@ -17,7 +17,7 @@
<input class="p-2 block" type="password" name="password" />
<input
type="submit"
class="block bg-yellow-500 hover:bg-yellow-400 dark:hover:bg-yellow-600 transition px-4 py-2 rounded text-white font-semibold cursor-pointer mt-4"
class="block bg-amber-500 hover:bg-amber-400 dark:hover:bg-amber-600 transition px-4 py-2 rounded text-white font-semibold cursor-pointer mt-4"
/>
</form>
</div>

4
ui/packages/app/src/components/input/Checkbox/Checkbox.svelte
View File

@ -50,10 +50,10 @@
@apply bg-gray-100 dark:bg-gray-400 transition;
}
.checkbox-item.selected {
@apply bg-yellow-500 dark:bg-red-600 text-white;
@apply bg-amber-500 dark:bg-red-600 text-white;
}
.selected .checkbox {
@apply bg-yellow-600 dark:bg-red-700;
@apply bg-amber-600 dark:bg-red-700;
}
}
</style>

2
ui/packages/app/src/components/input/Checkbox/Interpretation.svelte
View File

@ -52,7 +52,7 @@
@apply bg-white dark:bg-gray-800 shadow transition hover:shadow-md;
}
.checkbox-item.selected {
@apply bg-yellow-500 dark:bg-red-600 text-white;
@apply bg-amber-500 dark:bg-red-600 text-white;
}
}
</style>

4
ui/packages/app/src/components/input/CheckboxGroup/CheckboxGroup.svelte
View File

@ -61,10 +61,10 @@
@apply bg-gray-100 dark:bg-gray-400 transition;
}
.checkbox-item.selected {
@apply bg-yellow-500 dark:bg-red-600 text-white;
@apply bg-amber-500 dark:bg-red-600 text-white;
}
.selected .checkbox {
@apply bg-yellow-600 dark:bg-red-700;
@apply bg-amber-600 dark:bg-red-700;
}
}
</style>

4
ui/packages/app/src/components/input/CheckboxGroup/Interpretation.svelte
View File

@ -60,10 +60,10 @@
@apply bg-gray-100 dark:bg-gray-400 transition;
}
.checkbox-item.selected {
@apply bg-yellow-500 dark:bg-red-600 text-white;
@apply bg-amber-500 dark:bg-red-600 text-white;
}
.selected .checkbox {
@apply bg-yellow-600 dark:bg-red-700;
@apply bg-amber-600 dark:bg-red-700;
}
}
</style>

2
ui/packages/app/src/components/input/DataFrame/DataFrame.svelte
View File

@ -368,7 +368,7 @@
>
<button
on:click={add_row}
class="bg-yellow-500 hover:bg-yellow-400 dark:bg-red-700 dark:hover:bg-red-600 text-white shadow py-1 px-3 rounded transition focus:outline-none m-2 mr-0"
class="bg-amber-500 hover:bg-amber-400 dark:bg-red-700 dark:hover:bg-red-600 text-white shadow py-1 px-3 rounded transition focus:outline-none m-2 mr-0"
>New Row</button
>
</div>

2
ui/packages/app/src/components/input/Dropdown/Dropdown.svelte
View File

@ -41,7 +41,7 @@
@apply shadow;
}
.dropdown-item {
@apply bg-white dark:bg-gray-800 hover:bg-yellow-500 dark:hover:bg-red-600 hover:text-gray-50 hover:font-semibold;
@apply bg-white dark:bg-gray-800 hover:bg-amber-500 dark:hover:bg-red-600 hover:text-gray-50 hover:font-semibold;
}
}
</style>

4
ui/packages/app/src/components/input/Image/Image.svelte
View File

@ -37,9 +37,9 @@
<div class="input-image">
<div
class="image-preview w-full h-80 flex justify-center items-center dark:bg-gray-600 relative"
class="image-preview w-full h-60 flex justify-center items-center dark:bg-gray-600 relative"
class:bg-gray-200={value}
class:h-80={source !== "webcam"}
class:h-60={source !== "webcam"}
>
{#if source === "canvas"}
<ModifySketch

2
ui/packages/app/src/components/input/Radio/Interpretation.svelte
View File

@ -31,7 +31,7 @@
@apply w-4 h-4 rounded-full box-border;
}
.radio-item.selected {
@apply bg-yellow-500 dark:bg-red-600 text-white shadow;
@apply bg-amber-500 dark:bg-red-600 text-white shadow;
}
}
</style>

4
ui/packages/app/src/components/input/Radio/Radio.svelte
View File

@ -27,13 +27,13 @@
@apply bg-gray-50 dark:bg-gray-400 border-4 border-gray-200 dark:border-gray-600;
}
.radio-item.selected {
@apply bg-yellow-500 dark:bg-red-600 text-white shadow;
@apply bg-amber-500 dark:bg-red-600 text-white shadow;
}
.radio-circle {
@apply w-4 h-4 bg-white transition rounded-full box-border;
}
.selected .radio-circle {
@apply border-yellow-600 dark:border-red-700;
@apply border-amber-600 dark:border-red-700;
}
}
</style>

4
ui/packages/app/src/components/input/Slider/Interpretation.svelte
View File

@ -44,10 +44,10 @@
@apply bg-white dark:bg-gray-800 shadow h-3 transition hover:shadow-md;
}
.range::-webkit-slider-thumb {
@apply bg-gradient-to-b from-yellow-400 to-yellow-500 dark:from-red-500 dark:to-red-600 shadow;
@apply bg-gradient-to-b from-amber-400 to-amber-500 dark:from-red-500 dark:to-red-600 shadow;
}
.range::-moz-range-thumb {
@apply bg-gradient-to-b from-yellow-400 to-yellow-500 shadow;
@apply bg-gradient-to-b from-amber-400 to-amber-500 shadow;
}
.value {
@apply bg-gray-100 dark:bg-gray-600 font-semibold;

4
ui/packages/app/src/components/input/Slider/Silder.svelte → ui/packages/app/src/components/input/Slider/Slider.svelte
View File

@ -38,10 +38,10 @@
@apply bg-white dark:bg-gray-800 shadow h-3 transition hover:shadow-md;
}
.range::-webkit-slider-thumb {
@apply bg-gradient-to-b from-yellow-400 to-yellow-500 dark:from-red-500 dark:to-red-600 shadow;
@apply bg-gradient-to-b from-amber-400 to-amber-500 dark:from-red-500 dark:to-red-600 shadow;
}
.range::-moz-range-thumb {
@apply bg-gradient-to-b from-yellow-400 to-yellow-500 shadow;
@apply bg-gradient-to-b from-amber-400 to-amber-500 shadow;
}
.value {
@apply bg-gray-100 dark:bg-gray-600 font-semibold;

2
ui/packages/app/src/components/input/Slider/config.ts
View File

@ -1,4 +1,4 @@
import Component from "./Silder.svelte";
import Component from "./Slider.svelte";
import ExampleComponent from "./Example.svelte";
import Interpretation from "./Interpretation.svelte";

2
ui/packages/app/src/components/input/Video/Video.svelte
View File

@ -29,7 +29,7 @@
</script>
<div
class="video-preview w-full h-80 object-contain flex justify-center items-center dark:bg-gray-600 relative"
class="video-preview w-full h-60 object-contain flex justify-center items-center dark:bg-gray-600 relative"
class:bg-gray-200={value}
>
{#if value === null}

3
ui/packages/app/src/components/output/HighlightedText/HighlightedText.svelte
View File

@ -8,6 +8,9 @@
let mode: "categories" | "scores";
if (color_map === null) {
color_map = {};
}
if (value.length > 0) {
for (let [_, label] of value) {
if (label !== null) {

2
ui/packages/app/src/components/output/Label/Label.svelte
View File

@ -49,7 +49,7 @@
@apply font-mono box-border border-b-2 border-gray-300 bg-gray-200 dark:bg-gray-500 dark:border-gray-600 text-sm h-7 font-semibold rounded;
}
.confidence:first-child {
@apply border-yellow-600 bg-yellow-500 dark:bg-red-600 border-red-700 text-white;
@apply border-amber-600 bg-amber-500 dark:bg-red-600 border-red-700 text-white;
}
}
</style>

2
ui/packages/app/src/components/utils/ModifySketch.svelte
View File

@ -8,7 +8,7 @@
<div class="z-50 top-0 right-0 flex justify-end m-1 flex gap-1 absolute">
<button
class="bg-opacity-30 hover:bg-opacity-100 transition p-1.5 bg-yellow-500 dark:bg-red-600 rounded shadow w-8 h-8"
class="bg-opacity-30 hover:bg-opacity-100 transition p-1.5 bg-amber-500 dark:bg-red-600 rounded shadow w-8 h-8"
on:click={() => dispatch("undo")}
>
<img alt="undo sketch" src="{static_src}/static/img/undo-solid.svg" />

2
ui/packages/app/src/components/utils/ModifyUpload.svelte
View File

@ -39,7 +39,7 @@
.modify-upload[theme="default"] {
@apply m-1 flex gap-1;
.edit {
@apply bg-yellow-500 dark:bg-red-600 rounded shadow;
@apply bg-amber-500 dark:bg-red-600 rounded shadow;
}
.clear {
@apply bg-gray-50 dark:bg-gray-500 rounded shadow;

18
ui/packages/app/src/themes/peach.css
View File

@ -1,5 +1,5 @@
.gradio-bg[theme="peach"] {
@apply bg-gradient-to-r from-red-50 to-yellow-100 dark:from-gray-900 dark:to-gray-800;
@apply bg-gradient-to-r from-red-50 to-amber-100 dark:from-gray-900 dark:to-gray-800;
}
.gradio-bg[theme="peach"] .gradio-interface {
.component-set {
@ -15,14 +15,14 @@
@apply rounded-lg bg-white dark:bg-gray-800 shadow;
}
.panel-button.submit {
@apply text-white bg-gradient-to-tr from-red-500 to-yellow-400;
@apply text-white bg-gradient-to-tr from-red-500 to-amber-400;
}
.examples {
.examples-holder:not(.gallery) {
.examples-table {
@apply bg-white dark:bg-gray-800;
tbody tr:hover {
@apply bg-yellow-500 dark:bg-red-800;
@apply bg-amber-500 dark:bg-red-800;
}
}
}
@ -31,7 +31,7 @@
@apply bg-white dark:bg-gray-800;
}
.example:hover {
@apply bg-yellow-500 dark:bg-red-800;
@apply bg-amber-500 dark:bg-red-800;
}
}
}
@ -48,10 +48,10 @@
@apply bg-gray-50 dark:bg-gray-700 rounded-lg;
}
.range::-webkit-slider-thumb {
@apply bg-gradient-to-tr from-red-500 to-yellow-400 rounded-lg shadow-sm;
@apply bg-gradient-to-tr from-red-500 to-amber-400 rounded-lg shadow-sm;
}
.range::-moz-range-thumb {
@apply bg-gradient-to-tr from-red-500 to-yellow-400 rounded-lg shadow-sm;
@apply bg-gradient-to-tr from-red-500 to-amber-400 rounded-lg shadow-sm;
}
.value {
@apply font-semibold text-gray-500 dark:bg-gray-700 dark:text-gray-50;
@ -62,7 +62,7 @@
@apply bg-gray-100 rounded-lg dark:bg-gray-700 dark:text-gray-50;
}
.radio-item.selected {
@apply bg-gradient-to-tr from-red-500 to-yellow-400 text-white shadow;
@apply bg-gradient-to-tr from-red-500 to-amber-400 text-white shadow;
}
.radio-circle {
@apply w-4 h-4 bg-white transition rounded-full box-border;
@ -75,7 +75,7 @@
@apply bg-gray-100 rounded-lg dark:bg-gray-700 dark:text-gray-50;
}
.checkbox-item.selected {
@apply bg-gradient-to-tr from-red-500 to-yellow-400 text-white shadow;
@apply bg-gradient-to-tr from-red-500 to-amber-400 text-white shadow;
}
.selected .checkbox {
@apply bg-gray-200 bg-opacity-20;
@ -102,7 +102,7 @@
@apply bg-gray-300 text-white dark:bg-gray-600 font-semibold rounded-lg;
}
.confidence:first-child {
@apply bg-gradient-to-tr from-red-500 to-yellow-400;
@apply bg-gradient-to-tr from-red-500 to-amber-400;
}
}
}

2
ui/packages/app/src/themes/seafoam.css
View File

@ -1,5 +1,5 @@
.gradio-bg[theme="seafoam"] {
@apply bg-yellow-100 dark:bg-gray-700;
@apply bg-amber-100 dark:bg-gray-700;
}
.gradio-bg[theme="seafoam"] .gradio-interface {
.component-set {