poder scrollear links
This commit is contained in:
parent
a45d1a00eb
commit
076d661027
1 changed files with 20 additions and 14 deletions
|
@ -74,6 +74,7 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="linking">
|
<div class="linking">
|
||||||
|
<div class="links">
|
||||||
{#each links as link}
|
{#each links as link}
|
||||||
<a
|
<a
|
||||||
href={"href" in link ? link.href : link.id}
|
href={"href" in link ? link.href : link.id}
|
||||||
|
@ -87,6 +88,7 @@
|
||||||
{link.content}
|
{link.content}
|
||||||
</a>
|
</a>
|
||||||
{/each}
|
{/each}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
@ -94,7 +96,11 @@
|
||||||
max-width: 1280px;
|
max-width: 1280px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
overflow-x: auto;
|
||||||
|
}
|
||||||
|
.links {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
min-width: min-content;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
@ -108,7 +114,7 @@
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
max-width: 40vw;
|
max-width: 45vw;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in a new issue