Linking: dimensionar icono bien
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
This commit is contained in:
parent
7fa1a233fd
commit
9acd68dd2e
1 changed files with 7 additions and 5 deletions
|
@ -5,8 +5,6 @@
|
||||||
import LinkIcon from "eva-icons/outline/svg/external-link-outline.svg";
|
import LinkIcon from "eva-icons/outline/svg/external-link-outline.svg";
|
||||||
import InternalLinkIcon from "eva-icons/outline/svg/menu-arrow-outline.svg";
|
import InternalLinkIcon from "eva-icons/outline/svg/menu-arrow-outline.svg";
|
||||||
|
|
||||||
const svgStyle = "width: 1em; height: 1em";
|
|
||||||
|
|
||||||
// /** @type {import("prosemirror-view").EditorView} */
|
// /** @type {import("prosemirror-view").EditorView} */
|
||||||
// export let view;
|
// export let view;
|
||||||
/** @type {import("prosemirror-state").EditorState} */
|
/** @type {import("prosemirror-state").EditorState} */
|
||||||
|
@ -85,9 +83,9 @@
|
||||||
target={link.type === "external" ? "_blank" : null}
|
target={link.type === "external" ? "_blank" : null}
|
||||||
>
|
>
|
||||||
{#if link.type === "internal"}
|
{#if link.type === "internal"}
|
||||||
<InternalLinkIcon style={svgStyle} />
|
<InternalLinkIcon />
|
||||||
{:else}
|
{:else}
|
||||||
<LinkIcon style={svgStyle} />
|
<LinkIcon />
|
||||||
{/if}
|
{/if}
|
||||||
{link.content}
|
{link.content}
|
||||||
</a>
|
</a>
|
||||||
|
@ -112,8 +110,10 @@
|
||||||
color: ButtonText;
|
color: ButtonText;
|
||||||
padding: 0.7em 1em;
|
padding: 0.7em 1em;
|
||||||
margin: 0.3em;
|
margin: 0.3em;
|
||||||
|
display: flex;
|
||||||
|
gap: 0.25em;
|
||||||
|
align-items: center;
|
||||||
border-radius: 2em;
|
border-radius: 2em;
|
||||||
display: block;
|
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
@ -124,5 +124,7 @@
|
||||||
|
|
||||||
.linking :global(svg) {
|
.linking :global(svg) {
|
||||||
fill: currentColor;
|
fill: currentColor;
|
||||||
|
width: 1.25em;
|
||||||
|
height: 1.25em;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in a new issue