Update styles
This commit is contained in:
@@ -34,7 +34,7 @@
|
|||||||
{#each links as { url, title, iconName } (title)}
|
{#each links as { url, title, iconName } (title)}
|
||||||
<a href={url} target="_blank" rel="noopener noreferrer" class="docs__main-layout__link">
|
<a href={url} target="_blank" rel="noopener noreferrer" class="docs__main-layout__link">
|
||||||
{#if iconName}
|
{#if iconName}
|
||||||
<img class="docs__main-layout__link-icon" src={icons[iconName]}>
|
<img class="docs__main-layout__link-icon" src={icons[iconName]} alt={iconName}>
|
||||||
{:else}
|
{:else}
|
||||||
<span class="docs__main-layout__link-text">{title}</span>
|
<span class="docs__main-layout__link-text">{title}</span>
|
||||||
{/if}
|
{/if}
|
||||||
@@ -98,6 +98,7 @@
|
|||||||
.docs__main-layout__link-text {
|
.docs__main-layout__link-text {
|
||||||
color: #009800;
|
color: #009800;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
.docs__main-layout__content-container {
|
.docs__main-layout__content-container {
|
||||||
|
|||||||
@@ -16,7 +16,9 @@
|
|||||||
|
|
||||||
<div>
|
<div>
|
||||||
<svelte:component this={titleComponent} id={anchorId} class="docs__title">
|
<svelte:component this={titleComponent} id={anchorId} class="docs__title">
|
||||||
<a class="docs__anchor" href={`#${anchorId}`}></a>
|
<a class="docs__anchor" href={`#${anchorId}`}>
|
||||||
|
<span>{title}</span>
|
||||||
|
</a>
|
||||||
{title}
|
{title}
|
||||||
{#if !title}
|
{#if !title}
|
||||||
<span bind:this={titleEl}><slot /></span>
|
<span bind:this={titleEl}><slot /></span>
|
||||||
@@ -44,4 +46,7 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
left: -23px;
|
left: -23px;
|
||||||
}
|
}
|
||||||
|
.docs__anchor > span {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user