diff --git a/src/modules/Dashboard/modules/LearningCircleV2/pages/CreateLC/CreateLC.module.css b/src/modules/Dashboard/modules/LearningCircleV2/pages/CreateLC/CreateLC.module.css index 1831750a0..4fc50bc07 100644 --- 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 index 2a6c29be0..24f99157c 100644 --- 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%; + } +} \ No newline at end of file diff --git a/src/modules/Dashboard/modules/LearningCircleV2/pages/moreInfoLC/MoreInfoLC.module.css b/src/modules/Dashboard/modules/LearningCircleV2/pages/moreInfoLC/MoreInfoLC.module.css index c3f30a389..232c5f474 100644 --- 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;