Make package links flex layout

This commit is contained in:
2026-07-09 20:45:16 +09:00
parent 44b6041e60
commit 4eee2cd2c9
+10 -4
View File
@@ -538,22 +538,27 @@ button:disabled {
} }
.home-packages { .home-packages {
align-items: flex-start;
background: var(--surface); background: var(--surface);
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: 18px; border-radius: 18px;
display: flex;
flex-wrap: wrap;
gap: 0.9rem 1.4rem;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
padding: 1.2rem 1.4rem; padding: 1.2rem 1.4rem;
} }
.home-packages h2 { .home-packages h2 {
margin: 0 0 0.9rem; flex-basis: 100%;
margin: 0;
} }
.primary-package { .primary-package {
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: 14px; border-radius: 14px;
display: inline-block; display: block;
margin-bottom: 0.9rem; flex: 0 1 320px;
padding: 0.9rem 1rem; padding: 0.9rem 1rem;
text-decoration: none; text-decoration: none;
} }
@@ -573,7 +578,8 @@ button:disabled {
} }
.package-list { .package-list {
columns: 2; columns: 1;
flex: 1 1 320px;
margin: 0; margin: 0;
padding-left: 1.2rem; padding-left: 1.2rem;
} }