diff options
| author | David T. Sadler <davidtsadler@googlemail.com> | 2020-02-28 22:03:54 +0000 |
|---|---|---|
| committer | David T. Sadler <davidtsadler@googlemail.com> | 2020-02-28 22:03:54 +0000 |
| commit | a95a53491467758c1fc0ebb3840b0e51a79b42f8 (patch) | |
| tree | 85270e923ec5c26f3fd7e41def548e6b7b89014e | |
| parent | 9ce9cf50af6b81c76b7acd9ef31dace11cee728b (diff) | |
Round corners on categories
| -rw-r--r-- | source/_layouts/master.blade.php | 2 | ||||
| -rw-r--r-- | source/_partials/postStub.blade.php | 16 |
2 files changed, 9 insertions, 9 deletions
diff --git a/source/_layouts/master.blade.php b/source/_layouts/master.blade.php index 1735738..429c4a7 100644 --- a/source/_layouts/master.blade.php +++ b/source/_layouts/master.blade.php @@ -3,7 +3,7 @@ <head> <link rel="stylesheet" href="{{ mix('css/main.css', 'assets/build') }}"> </head> - <body> + <body class="px-8 lg:px-16 xl:px-32 bg-gray-900"> <div id="main-sidebar-container"> <article>@yield('article')</article> <aside> diff --git a/source/_partials/postStub.blade.php b/source/_partials/postStub.blade.php index 5f1af95..ca9f08b 100644 --- a/source/_partials/postStub.blade.php +++ b/source/_partials/postStub.blade.php @@ -1,15 +1,15 @@ -<li class="lg:flex lg:flex-row lg:justify-between"> - <a title="Go to post" href="{{ $post->getUrl() }}"> - <h4>{{$post->title }}</h4> - <p>{{ $post->description }}</p> +<li class="md:flex md:flex-row md:justify-between hover:bg-gray-800 p-4 pb-8"> + <a class="text-green-300" title="Go to post" href="{{ $post->getUrl() }}"> + <h4 class="text-3xl font-bold">{{$post->title }}</h4> + <p class="text-2xl text-gray-300">{{ $post->description }}</p> </a> - <div class="text-right flex flex-row lg:flex-col"> - <time class="order-2 lg:order-1 ml-2" datetime="{{ $post->getDate()->format('Y-m-d') }}"> + <div class="mt-8 md:mt-0 text-right flex flex-row md:flex-col"> + <time class="inline-block p-2 text-gray-200 order-2 md:order-1 ml-2" datetime="{{ $post->getDate()->format('Y-m-d') }}"> {{ $post->getDate()->format('M d, Y') }} </time> - <div class="order-1 lg:order-2"> + <div class="order-1 md:order-2"> @foreach ($post->categories as $category) - <a href="/categories/{{ $category }}">{{ $category }}</a> + <span class="inline-block bg-green-800 rounded py-2 px-4"><a class="text-gray-200" href="/categories/{{ $category }}">{{ $category }}</a></span> @endforeach </div> </div> |