Improve amiibo mobile grid layout

This commit is contained in:
2026-05-19 12:17:30 +09:00
parent 307ce212c2
commit 38c49fc6e0

View File

@@ -176,6 +176,7 @@
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 14px;
width: 100%;
max-width: 970px;
}
@@ -209,12 +210,14 @@
margin: 0;
font-size: 1rem;
line-height: 1.35;
overflow-wrap: anywhere;
}
.series {
color: #64748b;
font-size: 0.82rem;
line-height: 1.35;
overflow-wrap: anywhere;
}
.price-row {
@@ -261,6 +264,7 @@
color: #475569;
font-size: 0.84rem;
line-height: 1.45;
overflow-wrap: anywhere;
}
.meta strong {
@@ -293,6 +297,10 @@
.filters {
position: static;
}
.grid {
max-width: none;
}
}
@media (max-width: 520px) {
@@ -300,13 +308,28 @@
padding-inline: 12px;
}
.result-head {
align-items: flex-start;
flex-direction: column;
}
.grid {
grid-template-columns: minmax(0, 1fr);
}
.card {
grid-template-columns: 72px minmax(0, 1fr);
grid-template-columns: 68px minmax(0, 1fr);
gap: 10px;
padding: 10px;
}
.card img {
width: 72px;
height: 104px;
width: 68px;
height: 96px;
}
.price {
font-size: 1.1rem;
}
}
</style>