1
0
Fork 0
mirror of https://github.com/archtechx/laravel-tips.git synced 2025-12-12 05:14:04 +00:00

responsivity improvements

This commit is contained in:
Samuel Štancl 2021-04-07 03:16:02 +02:00
parent 55fbe38693
commit bdfe0621bc
6 changed files with 8 additions and 8 deletions

2
public/css/app.css vendored

File diff suppressed because one or more lines are too long

View file

@ -1,4 +1,4 @@
{ {
"/js/app.js": "/js/app.js?id=1c9c0a8a53dbb967504e", "/js/app.js": "/js/app.js?id=1c9c0a8a53dbb967504e",
"/css/app.css": "/css/app.css?id=d93f3942a34a581fbbe1" "/css/app.css": "/css/app.css?id=0eeb0c58e5eb6a114a46"
} }

View file

@ -49,7 +49,7 @@
<div class="w-full p-3 text-center min-h-screen flex justify-between flex-col"> <div class="w-full p-3 text-center min-h-screen flex justify-between flex-col">
{{ $slot }} {{ $slot }}
<footer class="space-y-2 text-gray-700 text-sm"> <footer class="space-y-2 text-gray-700 text-sm pt-8">
<p>Found an error? Contact us at <a href="mailto:hello@laravel-code.tips" class="link">support@laravel-code.tips</a>.</p> <p>Found an error? Contact us at <a href="mailto:hello@laravel-code.tips" class="link">support@laravel-code.tips</a>.</p>
<p>Want to share a tip? Submit it <a href="https://github.com/stancl/laravel-tips" target="_blank" class="link">here</a>.</p> <p>Want to share a tip? Submit it <a href="https://github.com/stancl/laravel-tips" target="_blank" class="link">here</a>.</p>
</footer> </footer>

View file

@ -1,6 +1,6 @@
<x:layout :title="$thread->title"> <x:layout :title="$thread->title">
<main class="mx-auto flex justify-between items-start gap-8"> <main class="mx-auto flex flex-col sm:flex-row justify-between items-start gap-8">
<aside class="flex flex-col gap-2 mt-60"> <aside class="flex flex-col gap-2 sm:mt-60 sm:mx-0 mx-auto">
<h2 class="text-2xl font-medium"> <h2 class="text-2xl font-medium">
<a class="block" href="/"> <a class="block" href="/">
Laravel Code Tips Laravel Code Tips
@ -31,7 +31,7 @@
<x:feed :tips="$tips" /> <x:feed :tips="$tips" />
</header> </header>
</article> </article>
<aside class="mt-60"> <aside class="sm:mt-60">
<dl class="grid grid-cols-2 gap-x-5 gap-y-4 items-center"> <dl class="grid grid-cols-2 gap-x-5 gap-y-4 items-center">
<dt class="text-right">Author</dt> <dt class="text-right">Author</dt>
<dd class="text-left"> <dd class="text-left">

View file

@ -16,7 +16,7 @@
</a> </a>
</div> </div>
</header> </header>
<main class="mx-auto flex justify-between items-center gap-8 w-1/2"> <main class="mx-auto flex justify-between items-center gap-8 sm:w-1/2">
<x:feed :tips="$tips" /> <x:feed :tips="$tips" />
</main> </main>
</x:layout> </x:layout>

View file

@ -1,5 +1,5 @@
<x:layout :title="$tip->title" :preview="$tip->title"> <x:layout :title="$tip->title" :preview="$tip->title">
<main class="mx-auto flex justify-between items-center gap-8"> <main class="mx-auto flex flex-col sm:flex-row justify-between items-center gap-8">
<aside class="flex flex-col gap-2"> <aside class="flex flex-col gap-2">
<h2 class="text-2xl font-medium"> <h2 class="text-2xl font-medium">
<a class="block" href="/"> <a class="block" href="/">