style: Update aspect ratio and font sizes for member photos and content for improved readability
This commit is contained in:
@@ -73,7 +73,7 @@
|
|||||||
|
|
||||||
.member-photo {
|
.member-photo {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
aspect-ratio: 9 / 16;
|
aspect-ratio: 3 / 4;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
object-position: center 20%;
|
object-position: center 20%;
|
||||||
background: linear-gradient(135deg, #eef2ee 0%, #e0e8e4 100%);
|
background: linear-gradient(135deg, #eef2ee 0%, #e0e8e4 100%);
|
||||||
@@ -89,7 +89,7 @@
|
|||||||
.member-slot {
|
.member-slot {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
color: #5f7479;
|
color: #5f7479;
|
||||||
font-size: 0.75rem;
|
font-size: 0.85rem;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
letter-spacing: 0.04em;
|
letter-spacing: 0.04em;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
@@ -98,7 +98,7 @@
|
|||||||
.member-content h2 {
|
.member-content h2 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
color: #264f56;
|
color: #264f56;
|
||||||
font-size: 1.25rem;
|
font-size: 1.4rem;
|
||||||
line-height: 1.1;
|
line-height: 1.1;
|
||||||
margin-top: 0.1rem;
|
margin-top: 0.1rem;
|
||||||
}
|
}
|
||||||
@@ -107,13 +107,13 @@
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
color: #3b6168;
|
color: #3b6168;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: 0.9rem;
|
font-size: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.member-content p:last-child {
|
.member-content p:last-child {
|
||||||
margin: 0.25rem 0 0 0;
|
margin: 0.25rem 0 0 0;
|
||||||
color: #505550;
|
color: #505550;
|
||||||
font-size: 0.9rem;
|
font-size: 1rem;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user