Padding, margin, font size tweaks on highlight editors

2023-03-09 10:23:02 +08:00
parent d0e4c01b45
commit b445c7ebfe
4 changed files with 20 additions and 18 deletions
--- a/packages/web/components/elements/HighlightNoteTextEditArea.tsx
+++ b/packages/web/components/elements/HighlightNoteTextEditArea.tsx
@ -30,10 +30,10 @@ export const HighlightNoteTextEditArea = (
    <VStack css={{ width: '100%' }} key="textEditor">
      <StyledTextArea
        css={{
-          my: '$3',
-          minHeight: '$6',
+          my: '10px',
+          minHeight: '200px',
          borderRadius: '5px',
-          p: '16px',
+          p: '10px',
          width: '100%',
          marginTop: '16px',
          resize: 'vertical',
@ -48,7 +48,7 @@ export const HighlightNoteTextEditArea = (
      />
      <HStack alignment="center" distribution="end" css={{ width: '100%' }}>
        <Button
-          style="ctaPill"
+          style="cancelGeneric"
          css={{ mr: '$2' }}
          onClick={() => {
            props.setIsEditing(false)