chore(docs): make the editor inputs round (uber#5189)

vmatthes · Oct 5, 2022 · 6a4890f · 6a4890f
1 parent 44b4839
commit 6a4890f
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/documentation-site/components/yard/editor.tsx b/documentation-site/components/yard/editor.tsx
@@ -68,10 +68,10 @@ const Editor: React.FC<TEditorProps> = ({
       className={css({
         boxSizing: 'border-box',
         backgroundColor: editorTheme.plain.backgroundColor,
-        paddingLeft: '4px',
-        paddingRight: '4px',
-        paddingTop: small ? '2px' : '0px',
-        paddingBottom: small ? '2px' : '0px',
+        paddingLeft: '8px',
+        paddingRight: '8px',
+        paddingTop: '0px',
+        paddingBottom: '0px',
         overflow: 'hidden',
         borderLeftWidth: '2px',
         borderRightWidth: '2px',
@@ -81,6 +81,10 @@ const Editor: React.FC<TEditorProps> = ({
         borderTopStyle: 'solid',
         borderRightStyle: 'solid',
         borderBottomStyle: 'solid',
+        borderTopRightRadius: '8px',
+        borderTopLeftRadius: '8px',
+        borderBottomRightRadius: '8px',
+        borderBottomLeftRadius: '8px',
         borderLeftColor: focused ? theme.colors.borderSelected : theme.colors.inputBorder,
         borderTopColor: focused ? theme.colors.borderSelected : theme.colors.inputBorder,
         borderRightColor: focused ? theme.colors.borderSelected : theme.colors.inputBorder,