Genius/hextra
1
0
Fork 0
forked from drowl87/hextra_mirror
Code Pull Requests Activity

fix: resolve padding issue for code blocks with filenames but without lang highlight (#297)

Browse Source 
* fix: resolve padding issue for code blocks with filenames but without lang highlighting

* chore: run `npm run build:css`

* chore: update `node_modules/caniuse-lite`
This commit is contained in:
Xin
2024-02-17 18:06:46 -05:00
committed by GitHub
parent 6bd2cfbd6b
commit 10907cdc25
3 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
assets/css/compiled/main.css
View File

@ -2186,6 +2186,10 @@ article details > summary::before {
--tw-text-opacity: 1;
color: rgb(229 231 235 / var(--tw-text-opacity));
}
.code-block .filename + pre:not(.lntable pre) {
/* Override padding for code blocks with filename but no highlight */
padding-top: 3rem;
}
.code-block pre:not(.lntable pre) {
margin-bottom: 1rem;
border-radius: 0.75rem;

5
assets/css/highlight.css
View File

@ -12,6 +12,11 @@
.filename {
@apply absolute top-0 z-[1] w-full truncate rounded-t-xl bg-primary-700/5 py-2 px-4 text-xs text-gray-700 dark:bg-primary-300/10 dark:text-gray-200;
}
.filename + pre:not(.lntable pre) {
/* Override padding for code blocks with filename but no highlight */
@apply pt-12;
}
}
.code-block pre:not(.lntable pre) {