Update video for float

elasticpath · Oct 7, 2024 · b3640f6 · b3640f6
1 parent 282842e
commit b3640f6
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/docs/commerce-manager/account-management/accounts.mdx b/docs/commerce-manager/account-management/accounts.mdx
@@ -5,15 +5,15 @@ sidebar_position: 10
 ---
 import Video from "/src/components/CardDisplay/video"
 
+In an Elastic Path Commerce Cloud store, sellers can create accounts using Commerce Manager and view the purchase history and the addresses associated with an account. To update the membership limit, see [Updating Account Membership Settings](/docs/commerce-manager/settings/general-settings#updating-address-form-settings).
 <Video
   mediaSrc="https://www.youtube.com/embed/IqAiqg-d--Y"
   mediaType="embed"
   title="Account Management in Commerce Manager"
-  className="float-right w-1/3"
+  size="400px"
+  float={"float-right"}
 />
 
-In an Elastic Path Commerce Cloud store, sellers can create accounts using Commerce Manager and view the purchase history and the addresses associated with an account. To update the membership limit, see [Updating Account Membership Settings](/docs/commerce-manager/settings/general-settings#updating-address-form-settings).
-
 ## Creating Accounts
 
 1. Go to **CUSTOMERS AND ACCOUNTS > Accounts**.

diff --git a/src/components/CardDisplay/video.jsx b/src/components/CardDisplay/video.jsx
@@ -1,8 +1,8 @@
 import React from 'react';
 import EmbedVideo from '../EmbedVideo'; // Import the new EmbedVideo component
 
-const Video = ({ mediaSrc, mediaType, title, className }) => {  return (
-  <div className={`${className}`}>
+const Video = ({ mediaSrc, mediaType, title, float, size }) => {  return (
+  <div className={`w-[${size}] ${float}`}>
     <div
       className={`block aspect-video rounded-3xl overflow-hidden p-0 m-6 shadow-lg no-underline hover:no-underline dark:bg-gray-900`}
     >