github-mirror/grocy
1
0
Fork 0
mirror of https://github.com/grocy/grocy.git synced 2026-04-04 03:46:16 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

Display ingredients and recipe side by side

Browse Source 
This tries to improve PR#1628 from
adamschmalhofer:feature-recipe-side-by-side
to implement Feature Request:
Recipe fullscreen ingredients and preparation both visible #2051
This commit is contained in:
Dehalion 2022-12-20 19:16:10 +00:00
parent 2ebb9b2cd9
commit f1812d680e
1 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
public/css/grocy.css
View File

@ -662,3 +662,24 @@ canvas.drawingBuffer {
pointer-events: none;
opacity: 0.5;
}
@media only screen and (min-width: 60rem) {
/* See ingredients and recipe side by side */
.fullscreen [id^=recipe-] .tab-content {
display: flex;
}
.fullscreen [id^=recipe-] .nav-tabs {
display: none;
}
.fullscreen [id^=recipe-] [id^=ingredients-] {
width: 20rem;
padding-right: 3rem;
}
.fullscreen [id^=recipe-] [id^=prep-] {
display: inline;
}
}