mirror of
https://seed.radicle.dev/rad:z4V1sjrXqjvFdnCUbxPFqd5p4DtH5.git
synced 2026-10-27 15:40:36 +08:00
Remove gap between in-line tabs
This commit is contained in:
@@ -1,12 +1,12 @@
|
||||
<script lang="ts">
|
||||
export let ariaLabel: string | undefined = undefined;
|
||||
export let outline: boolean = false;
|
||||
export let styleGap: string | undefined = undefined;
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.radio {
|
||||
display: flex;
|
||||
gap: 0.375rem;
|
||||
border-radius: var(--border-radius-tiny);
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
@@ -21,6 +21,6 @@
|
||||
}
|
||||
</style>
|
||||
|
||||
<div aria-label={ariaLabel} class="radio" class:outline>
|
||||
<div aria-label={ariaLabel} class="radio" class:outline style:gap={styleGap}>
|
||||
<slot />
|
||||
</div>
|
||||
|
||||
@@ -743,7 +743,7 @@
|
||||
|
||||
<div class="tabs">
|
||||
<div class="tabs-spacer" />
|
||||
<Radio>
|
||||
<Radio styleGap="0.375rem">
|
||||
{#each Object.entries(tabs) as [name, { route, icon }]}
|
||||
<Link {route}>
|
||||
<Button
|
||||
|
||||
Reference in New Issue
Block a user