Enhance SectionMembers styling for better responsiveness

Added max-width and padding to the members list container for improved layout. Also, adjusted text properties to handle overflow and hyphens more gracefully.
Alt-Org · Sep 20, 2024 · 15798ee · 15798ee
1 parent 2d5ef30
commit 15798ee
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/frontend-next-migration/src/widgets/SectionMembers/ui/SectionMembers.module.scss b/frontend-next-migration/src/widgets/SectionMembers/ui/SectionMembers.module.scss
@@ -14,6 +14,8 @@
 }
 
 .membersListContainer{
+  max-width: 100vw;
+  padding: 0 20px;
   border-radius: var(--border-radius-custom);
   z-index: 2;
   background-color: rgba(0, 0, 0, 0.55)
@@ -33,6 +35,9 @@
     line-height: 1.5;
     font-weight: bold;
     color: #e89dff;
+    overflow-wrap: break-word;
+    //word-break: break-all;
+    hyphens: auto;
   }
 
   ul {