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:
parent
55fbe38693
commit
bdfe0621bc
6 changed files with 8 additions and 8 deletions
2
public/css/app.css
vendored
2
public/css/app.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
|||
{
|
||||
"/js/app.js": "/js/app.js?id=1c9c0a8a53dbb967504e",
|
||||
"/css/app.css": "/css/app.css?id=d93f3942a34a581fbbe1"
|
||||
"/css/app.css": "/css/app.css?id=0eeb0c58e5eb6a114a46"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -49,7 +49,7 @@
|
|||
<div class="w-full p-3 text-center min-h-screen flex justify-between flex-col">
|
||||
{{ $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>Want to share a tip? Submit it <a href="https://github.com/stancl/laravel-tips" target="_blank" class="link">here</a>.</p>
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<x:layout :title="$thread->title">
|
||||
<main class="mx-auto flex justify-between items-start gap-8">
|
||||
<aside class="flex flex-col gap-2 mt-60">
|
||||
<main class="mx-auto flex flex-col sm:flex-row justify-between items-start gap-8">
|
||||
<aside class="flex flex-col gap-2 sm:mt-60 sm:mx-0 mx-auto">
|
||||
<h2 class="text-2xl font-medium">
|
||||
<a class="block" href="/">
|
||||
Laravel Code Tips
|
||||
|
|
@ -31,7 +31,7 @@
|
|||
<x:feed :tips="$tips" />
|
||||
</header>
|
||||
</article>
|
||||
<aside class="mt-60">
|
||||
<aside class="sm:mt-60">
|
||||
<dl class="grid grid-cols-2 gap-x-5 gap-y-4 items-center">
|
||||
<dt class="text-right">Author</dt>
|
||||
<dd class="text-left">
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
</a>
|
||||
</div>
|
||||
</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" />
|
||||
</main>
|
||||
</x:layout>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<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">
|
||||
<h2 class="text-2xl font-medium">
|
||||
<a class="block" href="/">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue