style: improve recipe list toolbar readability
Some checks failed
CI/CD Pipeline / Build and Push Docker Images (push) Has been cancelled
CI Pipeline / Test API Package (push) Has been cancelled
CI/CD Pipeline / Code Quality (push) Has been cancelled
CI Pipeline / Test Shared Package (push) Has been cancelled
CI Pipeline / Build All Packages (push) Has been cancelled
CI Pipeline / Generate Coverage Report (push) Has been cancelled
Docker Build & Deploy / Build Docker Images (push) Has been cancelled
Docker Build & Deploy / Push Docker Images (push) Has been cancelled
Docker Build & Deploy / Deploy to Staging (push) Has been cancelled
Docker Build & Deploy / Deploy to Production (push) Has been cancelled
E2E Tests / End-to-End Tests (push) Has been cancelled
E2E Tests / E2E Tests (Mobile) (push) Has been cancelled
Security Scanning / Dependency License Check (push) Has been cancelled
CI/CD Pipeline / Run Tests (push) Failing after 1s
CI Pipeline / Test Web Package (push) Has been cancelled
CI Pipeline / Lint Code (push) Has been cancelled
Security Scanning / NPM Audit (push) Has been cancelled
Security Scanning / Code Quality Scan (push) Has been cancelled
Security Scanning / Docker Image Security (push) Has been cancelled
Security Scanning / Security Summary (push) Has been cancelled

- Make "Per page:", "Prev", "Next" text brighter (#333 instead of #666)
- Add font-weight to navigation buttons for better visibility
- Center the search section in the toolbar

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-01-14 06:30:33 +00:00
parent 3bc211b4f5
commit 7a0b3698a0

View File

@@ -22,6 +22,7 @@
flex-wrap: wrap;
gap: 1rem;
align-items: center;
justify-content: center;
margin-bottom: 0.75rem;
}
@@ -102,7 +103,7 @@
.control-group label {
font-size: 0.85rem;
color: var(--text-secondary, #666);
color: var(--text-primary, #333);
white-space: nowrap;
}
@@ -226,8 +227,10 @@
border: 1px solid var(--border-color, #ccc);
border-radius: 4px;
background: var(--bg-secondary, #f5f5f5);
color: var(--text-primary, #333);
cursor: pointer;
font-size: 0.85rem;
font-weight: 500;
transition: background-color 0.2s;
}
@@ -242,7 +245,7 @@
.page-info {
font-size: 0.85rem;
color: var(--text-secondary, #666);
color: var(--text-primary, #333);
white-space: nowrap;
}