pkartch/basil
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 6 Wiki Activity

feat: implement responsive column-based styling for all thumbnail cards #9

Merged
pkartch merged 11 commits from feature/cookbook-pagination into main 2026-01-20 04:05:03 +00:00
Conversation 0 Commits 11 Files Changed 7 +13
1 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 766307050c - Show all commits

13
packages/web/src/styles/CookbookDetail.css
View File

@@ -571,6 +571,10 @@
.recipes-grid { .recipes-grid {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
.included-cookbooks-section .cookbooks-grid {
grid-template-columns: 1fr;
}
} }
/* Included Cookbooks Section */ /* Included Cookbooks Section */
@@ -587,11 +591,20 @@
font-size: 1.5rem; font-size: 1.5rem;
} }
.included-cookbooks-section .cookbooks-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 1.5rem;
}
.cookbook-card.nested { .cookbook-card.nested {
border: 2px solid #e0e0e0; border: 2px solid #e0e0e0;
background: white; background: white;
cursor: pointer; cursor: pointer;
transition: all 0.2s ease; transition: all 0.2s ease;
aspect-ratio: 1 / 1;
display: flex;
flex-direction: column;
} }
.cookbook-card.nested:hover { .cookbook-card.nested:hover {