fixed class name issue

This commit is contained in:
Abubakar Abid 2021-11-02 14:29:47 -05:00
parent 87f9f18e3d
commit b139fba038
7 changed files with 20 additions and 37 deletions

View File

@ -41,8 +41,8 @@ class LabelOutput extends BaseComponent {
);
}
return (
<div className="output_label_without_confidences">
<div className="output_class">{this.props.value["label"]}</div>
<div className="output_label">
<div className="output_class_without_confidences">{this.props.value["label"]}</div>
</div>
);
}

View File

@ -510,15 +510,10 @@
word-break: break-word;
@apply w-full bg-white border-gray-400 rounded box-border p-1 whitespace-pre-wrap;
}
.output_label_without_confidences {
@apply dark:text-gray-50;
.output_class{
@apply font-bold text-2xl py-8 px-4 flex-grow flex items-center justify-center;
}
}
.output_label {
@apply dark:text-gray-50;
.output_class {
.output_class,
.output_class_without_confidences {
@apply font-bold text-2xl py-8 px-4 flex-grow flex items-center justify-center;
}
.confidence_intervals {

View File

@ -459,14 +459,10 @@ html {
word-break: break-word;
@apply w-full bg-white dark:text-blue-900 dark:font-semibold dark:bg-gray-200 border-gray-400 box-border p-1 whitespace-pre-wrap;
}
.output_label_without_confidences {
@apply dark:text-gray-50;
.output_class{
@apply font-bold text-xl py-6 px-4 flex-grow flex items-center justify-center;
}
}
.output_label {
.output_class {
.output_class,
.output_class_without_confidences {
@apply font-bold text-xl py-6 px-4 flex-grow flex items-center justify-center;
}
.confidence_intervals {

View File

@ -452,16 +452,13 @@
word-break: break-word;
@apply w-full p-3 border rounded-lg shadow-inner outline-none focus:ring-1 focus:ring-inset focus:ring-indigo-200 focus:shadow-inner whitespace-pre-wrap dark:bg-gray-600 dark:text-gray-50 dark:border-none;
}
.output_label_without_confidences {
@apply dark:text-gray-50;
.output_class{
@apply font-bold text-2xl py-8 px-4 flex-grow flex items-center justify-center;
}
}
.output_label {
.output_class {
@apply hidden;
}
.output_class_without_confidences{
@apply font-bold text-2xl py-8 px-4 flex-grow flex items-center justify-center dark:text-gray-50;
}
.confidence_intervals {
@apply flex text-xl;
}

View File

@ -462,15 +462,10 @@
word-break: break-word;
@apply w-full bg-white border-gray-400 rounded-lg box-border p-1 whitespace-pre-wrap;
}
.output_label_without_confidences {
@apply dark:text-gray-50;
.output_class{
@apply font-bold text-2xl py-8 px-4 flex-grow flex items-center justify-center;
}
}
.output_label {
@apply dark:text-gray-50;
.output_class {
.output_class,
.output_class_without_confidences {
@apply font-bold text-2xl py-8 px-4 flex-grow flex items-center justify-center;
}
.confidence_intervals {

View File

@ -1,18 +1,18 @@
{
"files": {
"main.css": "/static/css/main.e23a1a2e.css",
"main.css": "/static/css/main.2dbfc005.css",
"main.js": "/static/bundle.js",
"index.html": "/index.html",
"static/media/arrow-left.e497f657.svg": "/static/media/arrow-left.e497f657.svg",
"static/media/arrow-right.ea6059fd.svg": "/static/media/arrow-right.ea6059fd.svg",
"static/media/clear.33f9b5f3.svg": "/static/media/clear.33f9b5f3.svg",
"static/media/edit.44bd4fe1.svg": "/static/media/edit.44bd4fe1.svg",
"static/media/logo.411acfd1.svg": "/static/media/logo.411acfd1.svg",
"static/media/arrow-left.794a4706.svg": "/static/media/arrow-left.794a4706.svg",
"static/media/arrow-right.5a7d4ada.svg": "/static/media/arrow-right.5a7d4ada.svg",
"static/media/clear.85cf6de8.svg": "/static/media/clear.85cf6de8.svg",
"static/media/edit.c6b7d6f7.svg": "/static/media/edit.c6b7d6f7.svg",
"static/media/logo.36a8f455.svg": "/static/media/logo.36a8f455.svg",
"static/media/logo_loading.e93acd82.jpg": "/static/media/logo_loading.e93acd82.jpg"
},
"entrypoints": [
"static/bundle.css",
"static/css/main.e23a1a2e.css",
"static/css/main.2dbfc005.css",
"static/bundle.js"
]
}

View File

@ -8,4 +8,4 @@
window.config = {{ config|tojson }};
} catch (e) {
window.config = {};
}</script><script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.1/iframeResizer.contentWindow.min.js"></script><title>Gradio</title><link href="static/bundle.css" rel="stylesheet"><link href="static/css/main.e23a1a2e.css" rel="stylesheet"></head><body style="height:100%"><div id="root" style="height:100%"></div><script src="static/bundle.js"></script></body></html>
}</script><script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.1/iframeResizer.contentWindow.min.js"></script><title>Gradio</title><link href="static/bundle.css" rel="stylesheet"><link href="static/css/main.2dbfc005.css" rel="stylesheet"></head><body style="height:100%"><div id="root" style="height:100%"></div><script src="static/bundle.js"></script></body></html>