diff --git a/src/base/projects/Blob.svelte b/src/base/projects/Blob.svelte index 85ec645c4..8477a989f 100644 --- a/src/base/projects/Blob.svelte +++ b/src/base/projects/Blob.svelte @@ -76,6 +76,7 @@ } .container { + position: relative; display: flex; border: 1px solid var(--color-foreground-subtle); border-top-style: dashed; @@ -96,6 +97,15 @@ margin-bottom: 1rem; } + .highlight { + position: absolute; + width: 100%; + height: 1.5rem; + opacity: 0.3; + top: 1rem; + background-color: var(--color-yellow); + } + .no-scrollbar { scrollbar-width: none; } @@ -108,6 +118,10 @@ .code, .line-numbers { font-size: 0.875rem; } + .highlight { + transform: translateY(-3px); + height: 1.2rem; + } } @@ -131,6 +145,9 @@ Binary content {:else} + {#if line} +
+ {/if}
{#each lineNumbers as lineNumber}