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

Fix images being cut off within a gr.Row()'s children (#4896)

Browse Source 
* apply missing flex to Row component

* remove redundant !important

* changelog

* add (sort of a) row test

* remove import
This commit is contained in:
Hannah 2023-07-17 17:08:17 +01:00 committed by GitHub
parent e6cf145fc9
commit 7f6d0e19ad
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 24 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.md
View File

@ -8,6 +8,7 @@
* The `.change()` event is fixed in `Video` and `Image` so that it only fires once by [@abidlabs](https://github.com/abidlabs) in [PR 4793](https://github.com/gradio-app/gradio/pull/4793)
* The `.change()` event is fixed in `Audio` so that fires when the component value is programmatically updated by [@abidlabs](https://github.com/abidlabs) in [PR 4793](https://github.com/gradio-app/gradio/pull/4793)
- Add missing `display: flex` property to `Row` so that flex styling is applied to children by [@hannahblair] in [PR 4896](https://github.com/gradio-app/gradio/pull/4896)
- Fixed bug where `gr.Video` could not preprocess urls by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4904](https://github.com/gradio-app/gradio/pull/4904)
- Fixed copy button rendering in API page on Safari by [@aliabid94](https://github.com/aliabid94) in [PR 4924](https://github.com/gradio-app/gradio/pull/4924)
- Fixed broken image link in auto-generated `app.py` from `ThemeClass.push_to_hub` by [@deepkyu](https://github.com/deepkyu) in [PR 4944](https://github.com/gradio-app/gradio/pull/4944)

19
js/app/src/components/Row/Row.stories.svelte Normal file
View File

@ -0,0 +1,19 @@
<script>
import { Meta, Template, Story } from "@storybook/addon-svelte-csf";
import Row from "./Row.svelte";
import Image from '../Image/Image.svelte';
</script>
<Meta
title="Layout Elements/Row"
component={Row}
/>
<Template let:args>
<Row {...args}>
<Image {...args} value="https://i.ibb.co/6BgKdSj/groot.jpg" />
<Image {...args} value="https://i.ibb.co/6BgKdSj/groot.jpg" />
</Row>
</Template>
<Story name="Row" />

7
js/app/src/components/Row/Row.svelte
View File

@ -1,8 +1,8 @@
<script lang="ts">
export let equal_height: boolean = true;
export let equal_height = true;
export let elem_id: string;
export let elem_classes: Array<string> = [];
export let visible: boolean = true;
export let elem_classes: string[] = [];
export let visible = true;
export let variant: "default" | "panel" | "compact" = "default";
</script>
@ -49,6 +49,7 @@
div > :global(*),
div > :global(.form > *) {
display: flex;
flex: 1 1 0%;
flex-wrap: wrap;
min-width: min(160px, 100%);