Improved custom data editor UI.

shrihari-prakash · Jan 9, 2024 · 48ce9fe · 48ce9fe
1 parent 004f585
commit 48ce9fe
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/features/user-editor/basic-info-editor.tsx b/src/components/features/user-editor/basic-info-editor.tsx
@@ -400,7 +400,7 @@ export default function BasicInfoEditor({
               </FormItem>
             )}
           />
-          <SheetFooter className="flex-col">
+          <SheetFooter className="flex-col sm:justify-center">
             <Button
               type="submit"
               disabled={!isPermissionAllowed("admin:profile:write")}

diff --git a/src/components/features/user-editor/custom-data-editor.tsx b/src/components/features/user-editor/custom-data-editor.tsx
@@ -58,9 +58,9 @@ const CustomDataEditor = ({ user }: { user: User }) => {
         onValueChange={(code) => setCustomData(code)}
         highlight={(code) => highlight(code, languages.json)}
         padding={10}
-        className="text-sm font-mono"
+        className="text-sm font-mono rounded-lg [&>*]:rounded-lg border overflow-hidden"
       />
-      <div className="flex sm:flex-row sm:justify-end sm:space-x-2 flex-col mt-4">
+      <div className="flex sm:flex-row sm:justify-center sm:space-x-2 flex-col mt-4">
         <Button
           type="submit"
           className="mb-2 md:mb-0"