feat: community page redesign

school/public/css/style.css

@@ -579,7 +579,7 @@ input[type=checkbox] {
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding: 1rem 0;
+  padding: 2rem 1rem;
 }
 
 .member-card .talk-title {
@@ -603,19 +603,6 @@ input[type=checkbox] {
   }
 }
 
-.member-card-title {
-  margin-top: 0.75rem;
-  text-align: center;
-}
-
-.member-card-large .member-card-title {
-  font-weight: bold;
-}
-
-.member-card-xl .member-card-title {
-  font-weight: bold;
-}
-
 .member-card-medium {
   width: 160px;
   height: 140px;
@@ -680,8 +667,8 @@ input[type=checkbox] {
 }
 
 .avatar-large {
-  width: 88px;
-  height: 88px;
+  width: 68px;
+  height: 68px;
 }
 
 .member-card .avatar-xl {
@@ -742,18 +729,18 @@ input[type=checkbox] {
 
 .member-parent {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
-  -moz-column-gap: 1rem;
-  column-gap: 1rem;
-  row-gap: 1rem;
+  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+  -moz-column-gap: 1.25rem;
+  column-gap: 1.25rem;
+  row-gap: 1.25rem;
 }
 
 @media (max-width: 600px) {
   .member-parent {
     grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
-    -moz-column-gap: 24px;
-    column-gap: 24px;
-    row-gap: 24px;
+    -moz-column-gap: 1.25rem;
+    column-gap: 1.25rem;
+    row-gap: 1.25rem;
   }
 }
 
@@ -769,25 +756,6 @@ input[type=checkbox] {
   flex: 1;
 }
 
-.preview-modal {
-  padding: 0 !important;
-}
-
-.preview-modal .modal-dialog {
-  width: 90%;
-  height: 100%;
-  max-width: none;
-}
-
-.preview-modal .modal-content {
-  height: 90%;
-}
-
-.video-iframe {
-  width: 100%;
-  height: 90%;
-}
-
 .review-modal .modal-dialog {
   width: 50%;
   height: 70%;
@@ -1079,7 +1047,7 @@ input[type=checkbox] {
 }
 
 .bold-title {
-  font-weight: bold;
+  font-weight: 500;
   color: var(--gray-800);
 }