[BF] - Fix responsive issues in Resource Modal

revoxhq · Nov 12, 2023 · a1c8d11 · a1c8d11
1 parent 1d4a3dd
commit a1c8d11
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 11 deletions.
diff --git a/src/pages/ResourceLibrary/AddResource.js b/src/pages/ResourceLibrary/AddResource.js
@@ -90,18 +90,19 @@ export const AddResource = ({ onAddResource }) => {
                     {/* <Title level={1} style={{ marginBottom: "30px" }}>Add Resource</Title> */}
                     {/* <div className="form-container"> */}
                     <Form
-                        labelCol={{
-                            offset: 6,
-                            span: 12,
-                        }}
-                        wrapperCol={{
-                            offset: 6,
-                            span: 12,
-                        }}
+                        // labelCol={{
+                        //     offset: 6,
+                        //     span: 12,
+                        // }}
+                        // wrapperCol={{
+                        //     offset: 6,
+                        //     span: 12,
+                        // }}
                         style={{
-                            minWidth: 800,
-                            maxWidth: 800,
+                            // minWidth: 800,
+                            // maxWidth: 800,
                             // justifyContent: 'center'
+                            width: '100%'
                         }}
                         initialValues={{
                             accesslevel: 3,

diff --git a/src/styles/index.css b/src/styles/index.css
@@ -86,6 +86,7 @@ h2 {
     display: flex;
     flex-direction: column;
     align-items: center;
+    position: relative;
 }
 
 .carosel-video-wrappers {
@@ -303,4 +304,8 @@ h2 {
     padding-top: 20px;
     border-bottom-right-radius: 5px;
     border-bottom-left-radius: 5px;
-}
+}
+
+.select-container.ant-form-item-control-wrapper {
+    width: 100%;
+  }