Normalize converter labels and fix card grid sizing

2026-03-08 05:14:22 +00:00
parent cf74f06de0
commit 328b0ece6a
3 changed files with 76 additions and 1 deletions
--- a/hdyc-svelte/src/app.css
+++ b/hdyc-svelte/src/app.css
@@ -640,10 +640,12 @@ a:focus-visible {
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
+  grid-auto-rows: minmax(132px, auto);
  gap: clamp(0.75rem, 1.3vw, 1.25rem);
 }
 .category-grid .category-card {
  width: 100%;
+  height: 100%;
 }

@media (min-width: 640px) {
--- a/hdyc-svelte/src/lib/components/CategoryCard.svelte
+++ b/hdyc-svelte/src/lib/components/CategoryCard.svelte
@@ -14,7 +14,9 @@
    display: flex;
    flex-direction: column;
    align-items: center;
+    justify-content: center;
    gap: 0.6rem;
+    min-height: 132px;
    padding: 1.5rem 1rem;
    background: var(--card-bg);
    border: 1px solid var(--border);