prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improve styling of notes

Browse source
This commit is contained in:
Jackson Harper 2023-06-22 17:28:02 +08:00
parent e294ed4b4b
commit b1a7fc8488
2 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
packages/web/components/patterns/HighlightNotes.tsx
View file

@ -163,7 +163,7 @@ export function MarkdownNote(props: MarkdownNote): JSX.Element {
<VStack
css={{
width: '100%',
...RcEditorStyles(isDark),
...RcEditorStyles(isDark, false),
}}
onKeyDown={(event: React.KeyboardEvent<HTMLInputElement>) => {
if (event.code.toLowerCase() === 'escape') {
@ -266,7 +266,7 @@ export function MarkdownNote(props: MarkdownNote): JSX.Element {
width: '100%',
fontSize: '12px',
marginTop: '0px',
paddingTop: '0px',
paddingTop: '5px',
paddingLeft:
props.fillBackground && props.text
@ -282,6 +282,7 @@ export function MarkdownNote(props: MarkdownNote): JSX.Element {
: '0px',
color: props.text ? '$thHighContrast' : '#898989',
// border: props.text ? 'unset' : '1px solid $thBorderColor',
borderRadius: '5px',
background:
props.text && props.fillBackground ? '$thBackground5' : 'unset',
'> *': {

2
packages/web/components/templates/article/Notebook.tsx
View file

@ -314,7 +314,7 @@ export function Notebook(props: NotebookProps): JSX.Element {
height: '100%',
width: '100%',
p: '40px',
'@mdDown': { p: '10px' },
'@mdDown': { p: '15px' },
}}
>
<SectionTitle