SOKUREE/sokuree_web_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Fix profile layout: align heights of image and text box

Browse Source
This commit is contained in:
choibk 2026-01-19 19:17:46 +09:00
parent 1fb7634e95
commit 8d5bab43c2
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/styles/main.css
View File

@ -1384,7 +1384,8 @@ img {
@media (min-width: 768px) { @media (min-width: 768px) {
.profile-wrapper { .profile-wrapper {
flex-direction: row; flex-direction: row;
align-items: flex-start; align-items: stretch;
/* Stretch items to match height */
} }
} }
@ -1392,15 +1393,17 @@ img {
flex-shrink: 0; flex-shrink: 0;
width: 100%; width: 100%;
max-width: 350px; max-width: 350px;
/* Adjust as needed */ display: flex;
flex-direction: column;
/* Ensure child img fills height */
} }
.profile-image { .profile-image {
width: 100%; width: 100%;
height: 100%;
/* Fill container height */
aspect-ratio: 1 / 1; aspect-ratio: 1 / 1;
/* Enforce 1:1 Square aspect ratio */
object-fit: cover; object-fit: cover;
/* Ensure image covers the square area */
border-radius: 1rem; border-radius: 1rem;
box-shadow: var(--shadow); box-shadow: var(--shadow);
border: 1px solid var(--border-color); border: 1px solid var(--border-color);