RomanNum3ral
/
kcal
mirror of https://github.com/kcal-app/kcal.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Adjust recipe background behavior for small screens

This commit is contained in:
Christopher C. Wells 2021-03-13 04:44:48 -08:00
parent c978c5843d
commit e1d6da89ad
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
resources/views/layouts/app.blade.php
View File

@ -35,7 +35,7 @@
<!-- Page Content --> <!-- Page Content -->
@isset($bg_image) @isset($bg_image)
<main class="bg-cover bg-no-repeat bg-top bg-fixed bg-clip-border" style="background-image: url('{{ $bg_image }}')"> <main class="bg-contain bg-no-repeat bg-top bg-clip-border sm:bg-cover sm:bg-fixed" style="background-image: url('{{ $bg_image }}')">
@else @else
<main> <main>
@endisset @endisset
@ -55,8 +55,8 @@
</div> </div>
@endif @endif
<div class="{{ isset($bg_image) ? 'pt-64 md:pt-32' : 'pt-6' }} max-w-7xl mx-auto sm:px-6 lg:px-8"> <div class="{{ isset($bg_image) ? 'pt-32' : 'pt-6' }} max-w-7xl mx-auto sm:px-6 lg:px-8">
<div class="bg-white {{ isset($bg_image) ? 'bg-opacity-95' : '' }} overflow-hidden shadow-sm sm:rounded-lg"> <div class="bg-white {{ isset($bg_image) ? 'sm:bg-opacity-95' : '' }} overflow-hidden shadow-sm sm:rounded-lg">
<article class="p-6 border-b border-gray-200"> <article class="p-6 border-b border-gray-200">
{{ $slot }} {{ $slot }}
</article> </article>