fix: line-number and border color code block UI (janhq#4105)

lloydchang · Nov 25, 2024 · 148a1e5 · 148a1e5
1 parent 314cb03
commit 148a1e5
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/web/screens/Thread/ThreadCenterPanel/SimpleTextMessage/index.tsx b/web/screens/Thread/ThreadCenterPanel/SimpleTextMessage/index.tsx
@@ -133,7 +133,7 @@ const SimpleTextMessage: React.FC<ThreadMessage> = (props) => {
                     tagName: 'div',
                     properties: {
                       className:
-                        'code-header bg-[hsla(var(--app-code-block))] flex justify-between items-center py-2 px-3 border-b border-[hsla(var(--app-border))] rounded-t-lg',
+                        'code-header bg-[hsla(var(--app-code-block))] flex justify-between items-center py-2 px-3 code-header--border rounded-t-lg',
                     },
                     children: [
                       {

diff --git a/web/styles/components/code-block.scss b/web/styles/components/code-block.scss
@@ -159,8 +159,13 @@ span.code-line {
   margin-right: 16px;
   width: 1.2rem;
   font-size: 12px;
-  color: hsla(var(--text-tertiary));
+  color: rgba($color: #fff, $alpha: 0.4);
   text-align: right;
-
   display: inline-block;
 }
+
+.code-header {
+  &--border {
+    border-bottom: 1px solid rgba($color: #fff, $alpha: 0.1);
+  }
+}