fix: constrain product name length to prevent layout breakage

This commit is contained in:
2026-05-15 13:25:18 -05:00
parent f958735bd2
commit 9fd6f8306d

View File

@@ -162,7 +162,13 @@ export default {
line-height: 1.3; line-height: 1.3;
padding: 0; padding: 0;
text-align: center; text-align: center;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
word-break: break-word; word-break: break-word;
max-width: 100%;
} }
.product-description { .product-description {
@@ -399,11 +405,13 @@ export default {
.product-details-content { .product-details-content {
gap: 16px; gap: 16px;
align-items: flex-start; align-items: flex-start;
min-width: 0;
} }
.product-name { .product-name {
font-size: 1.15rem; font-size: 1.15rem;
text-align: left; text-align: left;
-webkit-line-clamp: 2;
} }
.product-description { .product-description {