jaandrle/deka-dom-el
1
0
Fork 0
mirror of https://github.com/jaandrle/deka-dom-el synced 2025-07-29 07:00:16 +02:00
Code Packages Releases Activity

⚡ 🔤 UI enhancements

Browse Source
This commit is contained in:
Jan Andrle
2025-03-04 10:38:26 +01:00
parent bdb20ec298
commit dcf389e28e
6 changed files with 87 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
docs/components/pageUtils.html.js
View File

@@ -9,12 +9,13 @@ ${host} {
padding-top: 1.5rem;
border-top: 1px solid var(--border);
gap: 1rem;
width: 100%;
}
${host} a {
display: flex;
align-items: center;
padding: 0.75rem 1.25rem;
padding: 0.5rem 0.75rem;
border-radius: var(--border-radius);
background-color: var(--primary-dark); /* Darker background for better contrast */
color: white;
@@ -59,7 +60,6 @@ ${host} a:only-child {
@media (max-width: 640px) {
${host} a {
padding: 0.5rem 0.75rem;
font-size: 0.9rem;
}
}
@@ -72,7 +72,7 @@ import { el } from "../../index.js";
* */
export function h3({ textContent, id }){
if(!id) id= "h-"+textContent.toLowerCase().replaceAll(/\s/g, "-").replaceAll(/[^a-z-]/g, "");
return el("h3", { id, className: "section-heading" }).append(
return el("h3", { id }).append(
el("a", {
className: "heading-anchor",
href: "#"+id,