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

Move recipe CSS to the recipe view

Browse Source
This commit is contained in:
Dehalion 2022-12-23 16:18:45 +00:00
parent f1812d680e
commit e843e66de1
2 changed files with 21 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
public/css/grocy.css
View File

@ -661,25 +661,4 @@ canvas.drawingBuffer {
.not-allowed { .not-allowed {
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 [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;
}
} }

21
views/recipes.blade.php
View File

@ -10,6 +10,27 @@
max-height: 250px !important; max-height: 250px !important;
object-fit: cover !important; object-fit: cover !important;
} }
@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;
}
}
</style> </style>
@endpush @endpush