feat: shiki add line number, fixes #309

Signed-off-by: Innei <i@innei.in>
Innei · Mar 15, 2024 · e76df6f · e76df6f
1 parent 1c9aba2
commit e76df6f
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/src/components/ui/code-highlighter/shiki/Shiki.module.css b/src/components/ui/code-highlighter/shiki/Shiki.module.css
@@ -11,6 +11,23 @@
  @apply flex flex-col;
  }
 
+ code {
+ counter-reset: step;
+ counter-increment: step 0;
+ }
+
+ code .line::before {
+ content: counter(step);
+ counter-increment: step;
+ width: 1.5rem;
+ margin: 0 6px;
+ display: inline-block;
+ text-align: right;
+ opacity: 0.3;
+ padding-right: 6px;
+ /* border-right: 1px solid currentColor; */
+ }
+
  .shiki,
  code {
  @apply !bg-transparent;

diff --git a/src/components/ui/modal/stacked/types.tsx b/src/components/ui/modal/stacked/types.tsx
@@ -11,8 +11,5 @@ export interface ModalProps {
 
  max?: boolean
 
- ////
- sheetFullScreen?: boolean | 'half'
-
  wrapper?: FC
 }