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

Tweaks (#1230)

Browse Source 
* tweaks

* tweaks

* tweak loader dark mode

* gallery tweaks
This commit is contained in:
pngwn 2022-05-12 19:24:28 +01:00 committed by GitHub
parent 7da904801f
commit 5ba2e06e69
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -12,6 +12,7 @@ build/
# JS build
gradio/templates/frontend
gradio/templates/frontend/index.html
# Secrets
.env

4
ui/packages/app/src/components/Gallery/Gallery.svelte
View File

@ -90,13 +90,13 @@
<div
bind:this={container}
class="absolute h-[50px] bg-white overflow-x-scroll scroll-hide w-full bottom-0 flex gap-1.5 items-center py-2 text-sm px-3"
class="absolute h-[60px] bg-white dark:bg-gray-900 overflow-x-scroll scroll-hide w-full bottom-0 flex gap-1.5 items-center py-2 text-sm px-3 justify-center"
>
{#each value as image, i}
<button
bind:this={el[i]}
on:click={() => (selected_image = i)}
class="gallery-item !flex-none !h-7 !w-7 transition-all duration-75 {selected_image ===
class="gallery-item !flex-none !h-9 !w-9 transition-all duration-75 {selected_image ===
i
? '!ring-2 !ring-orange-500 hover:!ring-orange-500'
: 'scale-90 transform'}"

4
ui/packages/app/src/components/StatusTracker/StatusTracker.svelte
View File

@ -104,13 +104,13 @@
</script>
<div
class=" absolute inset-0 z-10 flex flex-col justify-center items-center bg-white pointer-events-none transition-opacity"
class=" absolute inset-0 z-10 flex flex-col justify-center items-center bg-white dark:bg-gray-800 pointer-events-none transition-opacity"
class:opacity-0={!status || status === "complete"}
bind:this={el}
>
{#if status === "pending"}
<div
class="absolute inset-0 origin-left bg-slate-100 top-0 left-0 z-10 opacity-80"
class="absolute inset-0 origin-left bg-slate-100 dark:bg-gray-700 top-0 left-0 z-10 opacity-80"
style:transform="scaleX({progress || 0})"
/>
<div class="absolute top-0 right-0 py-1 px-2 font-mono z-20 text-xs">