From 10907cdc25b8d969267139e7ff2e842fe9d52f71 Mon Sep 17 00:00:00 2001
From: Xin <xin@imfing.com>
Date: Sat, 17 Feb 2024 18:06:46 -0500
Subject: [PATCH] fix: resolve padding issue for code blocks with filenames but
 without lang highlight (#297)

* 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`
---
 assets/css/compiled/main.css | 4 ++++
 assets/css/highlight.css     | 5 +++++
 package-lock.json            | 6 +++---
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 0ff5e86d..48aef6db 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -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;
diff --git a/assets/css/highlight.css b/assets/css/highlight.css
index 2e7f387a..089171bc 100644
--- a/assets/css/highlight.css
+++ b/assets/css/highlight.css
@@ -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) {
diff --git a/package-lock.json b/package-lock.json
index b403030a..de24e1c4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -308,9 +308,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001517",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001517.tgz",
-      "integrity": "sha512-Vdhm5S11DaFVLlyiKu4hiUTkpZu+y1KA/rZZqVQfOD5YdDT/eQKlkt7NaE0WGOFgX32diqt9MiP9CAiFeRklaA==",
+      "version": "1.0.30001587",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001587.tgz",
+      "integrity": "sha512-HMFNotUmLXn71BQxg8cijvqxnIAofforZOwGsxyXJ0qugTdspUF4sPSJ2vhgprHCB996tIDzEq1ubumPDV8ULA==",
       "dev": true,
       "funding": [
         {