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

Fix Tabs in Rows (#9836)

Browse Source 
* changes

* add changeset

* add changeset

---------

Co-authored-by: Ali Abid <aliabid94@gmail.com>
Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
Co-authored-by: Freddy Boulton <alfonsoboulton@gmail.com>
This commit is contained in:
aliabid94 2024-10-25 11:44:00 -07:00 committed by GitHub
parent 8f40bd2e47
commit a4e70f3c42
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
.changeset/cute-goats-clap.md Normal file
View File

@ -0,0 +1,6 @@
---
"@gradio/tabs": patch
"gradio": patch
---
fix:Fix Tabs in Rows

14
js/tabs/shared/Tabs.svelte
View File

@ -165,8 +165,8 @@
on:click={handle_outside_click}
/>
{#if has_tabs}
<div class="tabs {elem_classes.join(' ')}" class:hide={!visible} id={elem_id}>
<div class="tabs {elem_classes.join(' ')}" class:hide={!visible} id={elem_id}>
{#if has_tabs}
<div class="tab-wrapper">
<div class="tab-container visually-hidden" aria-hidden="true">
{#each tabs as t, i (t.id)}
@ -225,14 +225,16 @@
</div>
</span>
</div>
</div>
{/if}
<slot />
{/if}
<slot />
</div>
<style>
.tabs {
position: relative;
display: flex;
flex-direction: column;
gap: var(--layout-gap);
}
.hide {