Nicholai/jan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Faisal Amir 2024-11-25 21:17:30 +07:00 committed by GitHub
parent 314cb03693
commit 148a1e5d32
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/screens/Thread/ThreadCenterPanel/SimpleTextMessage/index.tsx
View File

@ -133,7 +133,7 @@ const SimpleTextMessage: React.FC<ThreadMessage> = (props) => {
tagName: 'div', tagName: 'div',
properties: { properties: {
className: 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: [ children: [
{ {

9
web/styles/components/code-block.scss
View File

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