denizk0461/pages
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added notches and footer

Browse Source
This commit is contained in:
denizk0461
2025-04-04 19:00:47 +02:00
parent 060b66a1be
commit 6a1a184b7b
11 changed files with 75 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/lib/link-list.svelte
View File

@@ -19,7 +19,7 @@
{#if entry.icon}
<img height="24px" src={entry.icon}>
{/if}
{entry.text}
{@html entry.text}
</a>
</li>
{/each}
@@ -42,6 +42,18 @@
margin-bottom: 4px;
transition: background-color 0.2s ease-in-out;
padding: 2px 12px;
--notch-size-link: 10px;
clip-path: polygon(
0% var(--notch-size-link),
var(--notch-size-link) 0%,
calc(100% - var(--notch-size-link)) 0%,
100% var(--notch-size-link),
100% calc(100% - var(--notch-size-link)),
calc(100% - var(--notch-size-link)) 100%,
var(--notch-size-link) 100%,
0% calc(100% - var(--notch-size-link))
);
}
li:hover {
background-color: var(--color-background-highlight-hover);