Merge pull request #1668 from gtech-mulearn/dev

Dev Server
gtech-mulearn · Nov 5, 2024 · 96b473c · 96b473c
2 parents fe6ebe1 + 2dd8cce
commit 96b473c
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 39 deletions.
diff --git a/src/modules/Dashboard/modules/LearningCircleV2/pages/CreateLC/CreateLC.module.css b/src/modules/Dashboard/modules/LearningCircleV2/pages/CreateLC/CreateLC.module.css
@@ -31,45 +31,48 @@
             background: #fff;
             /* box-shadow: 1px 1px 5px #d3ddfb; */
         }
-        .form {
+        .formContent {
             width: 100%;
-            padding: 20px;
-            border-radius: 10px;
-            background: #fff;
-            /* box-shadow: 1px 1px 5px #d3ddfb; */
-            .submitButton {
-                margin-top: 20px;
-            }
-            .formGroup {
-                display: flex;
-                flex-direction: column;
-                align-items: start;
-                gap: 20px;
+            .form {
                 width: 100%;
-                background: #fff;
-                box-shadow: 1px 1px 5px #d3ddfb;
+                padding: 20px;
                 border-radius: 10px;
-                padding: 10px;
-                margin-top: 10px;
-                &.horizontal {
-                    justify-content: space-between;
-                    flex-direction: row;
-                    align-items: center;
+                background: #fff;
+                /* box-shadow: 1px 1px 5px #d3ddfb; */
+                .submitButton {
+                    margin-top: 20px;
                 }
-                label {
-                    font-size: 16px;
-                    font-weight: 500;
-                    color: #000;
+                .formGroup {
                     display: flex;
-                    position: relative;
-                    gap: 10px;
-                    align-items: center;
-                    justify-content: center;
-                }
-                .select {
+                    flex-direction: column;
+                    align-items: start;
+                    gap: 20px;
                     width: 100%;
-                    background: #d3ddfb;
+                    background: #fff;
+                    box-shadow: 1px 1px 5px #d3ddfb;
                     border-radius: 10px;
+                    padding: 10px;
+                    margin-top: 10px;
+                    &.horizontal {
+                        justify-content: space-between;
+                        flex-direction: row;
+                        align-items: center;
+                    }
+                    label {
+                        font-size: 16px;
+                        font-weight: 500;
+                        color: #000;
+                        display: flex;
+                        position: relative;
+                        gap: 10px;
+                        align-items: center;
+                        justify-content: center;
+                    }
+                    .select {
+                        width: 100%;
+                        background: #d3ddfb;
+                        border-radius: 10px;
+                    }
                 }
             }
         }

diff --git a/src/modules/Dashboard/modules/LearningCircleV2/pages/YourLC/YourLC.module.css b/src/modules/Dashboard/modules/LearningCircleV2/pages/YourLC/YourLC.module.css
@@ -1,9 +1,7 @@
 .container {
     display: flex;
     flex-direction: column;
-    width: 100%;
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
+    width: 95%;
     .backLink {
         display: flex;
         align-items: center;
@@ -113,3 +111,9 @@
         }
     }
 }
+
+@media screen and (max-width: 768px) {
+    .container {
+        width: 100%;
+    }
+}
diff --git a/src/modules/Dashboard/modules/LearningCircleV2/pages/moreInfoLC/MoreInfoLC.module.css b/src/modules/Dashboard/modules/LearningCircleV2/pages/moreInfoLC/MoreInfoLC.module.css
@@ -1,10 +1,8 @@
 .container {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
     display: flex;
     flex-direction: column;
     gap: 10px;
-    width: 100%;
+    width: 95%;
 
     .backLink {
         display: flex;
@@ -70,7 +68,6 @@
             grid-template-columns: 1fr 1fr;
 
             .descriptionSection {
-                height: 300px;
                 .sectionTitle {
                     font-size: 1.125rem;
                     font-weight: 600;
@@ -124,6 +121,7 @@
 
 @media screen and (max-width: 768px) {
     .container {
+        width: 100%;
         .card {
             .cardContent {
                 grid-template-columns: 1fr;