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

Display ingredients and recipe side by side

Browse Source 
In full screen mode display both the ingredients and the recipe side by
side instead of having to switch between them via the tabs if there is
enough space.
This commit is contained in:
Adam Schmalhofer 2021-09-23 12:41:56 +02:00
parent 3c74d92eb0
commit 69a17009cc
1 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
public/css/grocy.css
View File

@ -645,3 +645,23 @@ canvas.drawingBuffer {
pointer-events: none; pointer-events: none;
opacity: 0.5; opacity: 0.5;
} }
@media only screen and (min-width: 60rem) {
/* See ingredients and recipe side by side */
.fullscreen .tab-content > .tab-pane {
display: inline;
}
.fullscreen #ingredients-0 {
min-width: 20rem;
max-width: 20rem;
}
.fullscreen .nav-link[href="#ingredients-0"] {
width: 20rem;
}
.fullscreen .tab-content {
display: flex;
}
}