remove iframe widget documentation and update widget dimensions to 50…

…0px width (#484)
skip-mev · Nov 20, 2024 · 1be09a3 · 1be09a3
1 parent 7afd5fe
commit 1be09a3
Show file tree

Hide file tree

Showing 5 changed files with 3 additions and 41 deletions.
diff --git a/docs/anything-anywhere/embed-iframe-widget.mdx b/docs/anything-anywhere/embed-iframe-widget.mdx
diff --git a/docs/mint.json b/docs/mint.json
@@ -114,13 +114,6 @@
         "support-requirements/swap-venue-requirements"
       ]
     },
-    {
-      "group": "Anything Anywhere",
-      "pages": [
-        "anything-anywhere/how-to-generate-shareable-links",
-        "anything-anywhere/embed-iframe-widget"
-      ]
-    },
     {
       "group": "Prod Endpoints",
       "pages": [

diff --git a/docs/widget/faq.mdx b/docs/widget/faq.mdx
@@ -14,4 +14,4 @@ Here are some polyfill plugins for common environments:
 
 ## Should I put the widget inside a container with a fixed size?
 
-It is recommended to wrap the widget with a container element that has a fixed size. This helps to prevent layout shifting as the widget uses the shadow-dom (which needs to be rendered client-side). We recommend a height of `640px` and a width of `450px`. 
+It is recommended to wrap the widget with a container element that has a fixed size. This helps to prevent layout shifting as the widget uses the shadow-dom (which needs to be rendered client-side). We recommend a height of `640px` and a width of `500px`. 
diff --git a/docs/widget/getting-started.mdx b/docs/widget/getting-started.mdx
@@ -49,7 +49,7 @@ const SwapPage = () => {
   return (
     <div
       style={{
-        width: '450px',
+        width: '500px',
         height: '640px',
       }}
     >

diff --git a/docs/widget/web-component.mdx b/docs/widget/web-component.mdx
@@ -36,7 +36,7 @@ This can be added to npm scripts in `package.json`, a `.env file`, or used when
 Props are the same as [`WidgetProps`](./configuration), but passed as attributes in kebab-case. Use strings or stringified objects for complex props.
 
 ```tsx
-<div style="width:450px;height:820px;">
+<div style="width:500px;height:820px;">
   <swap-widget
     theme='{
       "brandColor": "#FF4FFF",
Original file line number	Diff line number	Diff line change
Expand Up		@@ -14,4 +14,4 @@ Here are some polyfill plugins for common environments:

		## Should I put the widget inside a container with a fixed size?

		It is recommended to wrap the widget with a container element that has a fixed size. This helps to prevent layout shifting as the widget uses the shadow-dom (which needs to be rendered client-side). We recommend a height of `640px` and a width of `450px`.
		It is recommended to wrap the widget with a container element that has a fixed size. This helps to prevent layout shifting as the widget uses the shadow-dom (which needs to be rendered client-side). We recommend a height of `640px` and a width of `500px`.