adam/meshcore-hub
1
0
Fork 0
mirror of https://github.com/ipnet-mesh/meshcore-hub.git synced 2026-08-07 09:23:07 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix markdown table borders in custom content pages

Browse Source 
Use DaisyUI v5 prose CSS custom properties (--tw-prose-td-borders,
--tw-prose-th-borders, --tw-prose-quote-borders, --tw-prose-hr)
instead of color-mix(in oklch, ..., transparent) which produced
invisible borders due to oklch/transparent color space mismatch.
This commit is contained in:
Louis King
2026-04-21 21:58:13 +01:00
parent 305df54e1b
commit 55eb54ba10
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/meshcore_hub/web/static/css/app.css
+4 -3
View File
@@ -246,7 +246,7 @@
}
.prose blockquote {
border-left: 4px solid color-mix(in oklch, var(--color-base-content) 30%, transparent);
border-left: 4px solid var(--tw-prose-quote-borders);
padding-left: 1rem;
margin: 1rem 0;
font-style: italic;
@@ -260,19 +260,20 @@
.prose th,
.prose td {
border: 1px solid color-mix(in oklch, var(--color-base-content) 20%, transparent);
border: 1px solid var(--tw-prose-td-borders);
padding: 0.5rem;
text-align: left;
}
.prose th {
border-color: var(--tw-prose-th-borders);
background: var(--color-base-200);
font-weight: 600;
}
.prose hr {
border: none;
border-top: 1px solid color-mix(in oklch, var(--color-base-content) 20%, transparent);
border-top: 1px solid var(--tw-prose-hr);
margin: 2rem 0;
}