refactor: optimize pre styles by consolidating CSS properties and adjusting line height

LadyBluenotes · LadyBluenotes · commit 470329138607 · 2026-01-11T15:10:43.000-08:00
diff --git a/src/styles/app.css b/src/styles/app.css
@@ -341,8 +341,7 @@ button {
 /* https://github.com/shikijs/twoslash/tree/main/packages/remark-shiki-twoslash#plugin-setup */
 pre {
   /* All code samples get a grey border, twoslash ones get a different color */
-  @apply text-black p-2;
-  @apply overflow-x-auto relative leading-tight;
+  @apply text-black overflow-x-auto relative leading-tight;
 }
 pre.shiki {
   overflow-x: auto;
@@ -370,7 +369,7 @@ pre.shiki div.highlight {
   background-color: #f1f8ff;
 }
 pre.shiki div.line {
-  min-height: 1rem;
+  min-height: auto;
 }
 
 /** Don't show the language identifiers */

Original file line number	Diff line number	Diff line change
`@@ -341,8 +341,7 @@ button {`
`341`	`341`	`/* https://github.com/shikijs/twoslash/tree/main/packages/remark-shiki-twoslash#plugin-setup */`
`342`	`342`	`pre {`
`343`	`343`	`/* All code samples get a grey border, twoslash ones get a different color */`
`344`		`- @apply text-black p-2;`
`345`		`- @apply overflow-x-auto relative leading-tight;`
	`344`	`+ @apply text-black overflow-x-auto relative leading-tight;`
`346`	`345`	`}`
`347`	`346`	`pre.shiki {`
`348`	`347`	`overflow-x: auto;`
`@@ -370,7 +369,7 @@ pre.shiki div.highlight {`
`370`	`369`	`background-color: #f1f8ff;`
`371`	`370`	`}`
`372`	`371`	`pre.shiki div.line {`
`373`		`- min-height: 1rem;`
	`372`	`+ min-height: auto;`
`374`	`373`	`}`
`375`	`374`
`376`	`375`	`/** Don't show the language identifiers */`