wip

Author: thomasdavis

apps/registry/app/components/Editor.js

@@ -158,7 +158,6 @@ export default function Editor() {
     return (
       <div className="min-h-screen flex items-center justify-center bg-gray-50 py-12 px-4 sm:px-6 lg:px-8 relative overflow-hidden">
         {/* Decorative elements */}
-        <div className="absolute inset-0 bg-grid-black/[0.02] bg-[size:20px_20px]" />
         <div className="absolute -top-4 -left-4 w-72 h-72 bg-primary/30 rounded-full blur-3xl" />
         <div className="absolute -bottom-4 -right-4 w-72 h-72 bg-primary/20 rounded-full blur-3xl" />
 
@@ -218,9 +217,6 @@ export default function Editor() {
   return (
     <div className="h-[calc(100vh-64px)] bg-gray-50 relative overflow-hidden">
       {/* Decorative elements */}
-      <div className="absolute inset-0 bg-grid-black/[0.02] bg-[size:20px_20px]" />
-      <div className="absolute -top-4 -left-4 w-72 h-72 bg-primary/30 rounded-full blur-3xl" />
-      <div className="absolute -bottom-4 -right-4 w-72 h-72 bg-primary/20 rounded-full blur-3xl" />
 
       {resume ? (
         <ResumeEditor

apps/registry/app/components/ResumeEditor.js

@@ -18,12 +18,7 @@ const HtmlIframe = ({ htmlString }) => {
     iframeDocument.close();
   }, [htmlString]);
 
-  return (
-    <iframe
-      ref={iframeRef}
-      className="w-full h-full"
-    />
-  );
+  return <iframe ref={iframeRef} className="w-full h-full overflow-auto" />;
 };
 
 export default function ResumeEditor({
@@ -69,17 +64,22 @@ export default function ResumeEditor({
     <div className="h-full flex flex-col">
       <div className="shrink-0 p-4 flex justify-between items-center border-b bg-white">
         <div className="text-sm text-gray-600">
-          The live preview uses the professional theme. You can choose different themes on your public resume page.
+          The live preview uses the professional theme. You can choose different
+          themes on your public resume page.
         </div>
         <div className="flex items-center gap-2">
           <Button variant="outline" size="sm" asChild>
-            <Link href={`/${login}`} target="_blank" className="flex items-center gap-1">
+            <Link
+              href={`/${login}`}
+              target="_blank"
+              className="flex items-center gap-1"
+            >
               <ExternalLink className="w-4 h-4" />
               View Resume
             </Link>
           </Button>
-          <Button 
-            variant="default" 
+          <Button
+            variant="default"
             size="sm"
             disabled={!changed}
             onClick={async () => {
@@ -103,11 +103,11 @@ export default function ResumeEditor({
             options={{
               minimap: { enabled: false },
               scrollBeyondLastLine: false,
-              wordWrap: 'on'
+              wordWrap: 'on',
             }}
           />
         </div>
-        <div className="w-1/2 border-l">
+        <div className="w-1/2 border-l h-full overflow-auto">
           <HtmlIframe htmlString={content} />
         </div>
       </div>