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

Fix ParamViewer css (#7130)

Browse Source 
* Fix ParamViewer styles

* add changeset

* Fix description background color

* ParamViewer

* bottom border

* tweak

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
Co-authored-by: pngwn <hello@pngwn.io>
This commit is contained in:
Freddy Boulton 2024-01-25 13:11:38 -08:00 committed by GitHub
parent bc25ec78c1
commit e7ab4063eb
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 19 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
.changeset/olive-hoops-hunt.md Normal file
View File

@ -0,0 +1,6 @@
---
"@gradio/paramviewer": patch
"gradio": patch
---
fix:Fix ParamViewer css

49
js/paramviewer/ParamViewer.svelte
View File

@ -101,11 +101,11 @@
.wrap :global(pre),
.wrap :global(.highlight) {
margin: 0;
margin: 0 !important;
background: transparent !important;
font-family: var(--font-mono);
font-weight: 400;
padding: 0;
padding: 0 !important;
}
.wrap :global(pre a) {
@ -142,7 +142,7 @@
border-width: var(--block-border-width);
border-color: var(--block-border-color);
border-radius: var(--block-radius);
background: #fff;
background: var(--table-odd-background-fill);
width: 100%;
line-height: var(--line-sm);
color: var(--body-text-color);
@ -151,10 +151,8 @@
.type {
position: relative;
padding: 0.7rem 1rem;
background: var(--neutral-900);
background: var(--neutral-50);
border-bottom: 1px solid var(--neutral-700);
border-bottom: 0px solid var(--neutral-200);
background: var(--table-odd-background-fill);
border-bottom: 0px solid var(--table-border-color);
}
.arrow {
@ -175,7 +173,8 @@
.default {
padding: 0.2rem 1rem 0.3rem 1rem;
border-bottom: 1px solid var(--neutral-200);
border-bottom: 1px solid var(--table-border-color);
background: var(--block-background-fill);
}
.default.last {
@ -186,10 +185,15 @@
padding: 0.7rem 1rem;
font-size: var(--scale-00);
font-family: var(--font-sans);
background: var(--block-background-fill);
}
.param {
border-bottom: 1px solid var(--neutral-200);
border-bottom: 1px solid var(--table-border-color);
}
.param:last-child {
border-bottom: none;
}
.param:last-child .description {
@ -203,31 +207,4 @@
.param.md code {
background: none;
}
@media (prefers-color-scheme: dark) {
.wrap {
background: var(--neutral-800);
}
.default {
border-bottom: 1px solid var(--neutral-700);
}
.type {
background: var(--neutral-900);
border-bottom: 0px solid var(--neutral-700);
}
.arrow {
color: var(--neutral-200);
}
.param {
border-bottom: 1px solid var(--neutral-700);
}
.param:last-child {
border-bottom: none;
}
}
</style>