Update styles

This commit is contained in:
Vadim
2021-08-16 00:31:45 +03:00
parent 28161edb71
commit bdf4d7df0a
2 changed files with 8 additions and 2 deletions

View File

@@ -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 {

View File

@@ -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>