|
13 | 13 | <!-- Styles --> |
14 | 14 | <link href="{{ mix('css/app.css') }}" rel="stylesheet"> |
15 | 15 | </head> |
16 | | -<body class="bg-gray-100 h-screen antialiased leading-none"> |
| 16 | +<body class="bg-gray-100 h-screen antialiased leading-none font-sans"> |
17 | 17 | <div class="flex flex-col"> |
18 | 18 | @if(Route::has('login')) |
19 | | - <div class="absolute top-0 right-0 mt-4 mr-4"> |
| 19 | + <div class="absolute top-0 right-0 mt-4 mr-4 space-x-4 sm:mt-6 sm:mr-6 sm:space-x-6"> |
20 | 20 | @auth |
21 | 21 | <a href="{{ url('/home') }}" class="no-underline hover:underline text-sm font-normal text-teal-800 uppercase">{{ __('Home') }}</a> |
22 | 22 | @else |
23 | | - <a href="{{ route('login') }}" class="no-underline hover:underline text-sm font-normal text-teal-800 uppercase pr-6">{{ __('Login') }}</a> |
| 23 | + <a href="{{ route('login') }}" class="no-underline hover:underline text-sm font-normal text-teal-800 uppercase">{{ __('Login') }}</a> |
24 | 24 | @if (Route::has('register')) |
25 | 25 | <a href="{{ route('register') }}" class="no-underline hover:underline text-sm font-normal text-teal-800 uppercase">{{ __('Register') }}</a> |
26 | 26 | @endif |
|
31 | 31 | <div class="min-h-screen flex items-center justify-center"> |
32 | 32 | <div class="flex flex-col justify-around h-full"> |
33 | 33 | <div> |
34 | | - <h1 class="text-gray-600 text-center font-light tracking-wider text-5xl mb-6"> |
| 34 | + <h1 class="mb-6 text-gray-600 text-center font-light tracking-wider text-4xl sm:mb-8 sm:text-6xl"> |
35 | 35 | {{ config('app.name', 'Laravel') }} |
36 | 36 | </h1> |
37 | | - <ul class="list-reset"> |
38 | | - <li class="inline pr-8"> |
| 37 | + <ul class="flex flex-col space-y-2 sm:flex-row sm:flex-wrap sm:space-x-8 sm:space-y-0"> |
| 38 | + <li> |
39 | 39 | <a href="https://laravel.com/docs" class="no-underline hover:underline text-sm font-normal text-teal-800 uppercase" title="Documentation">Documentation</a> |
40 | 40 | </li> |
41 | | - <li class="inline pr-8"> |
| 41 | + <li> |
42 | 42 | <a href="https://laracasts.com" class="no-underline hover:underline text-sm font-normal text-teal-800 uppercase" title="Laracasts">Laracasts</a> |
43 | 43 | </li> |
44 | | - <li class="inline pr-8"> |
| 44 | + <li> |
45 | 45 | <a href="https://laravel-news.com" class="no-underline hover:underline text-sm font-normal text-teal-800 uppercase" title="News">News</a> |
46 | 46 | </li> |
47 | | - <li class="inline pr-8"> |
| 47 | + <li> |
48 | 48 | <a href="https://nova.laravel.com" class="no-underline hover:underline text-sm font-normal text-teal-800 uppercase" title="Nova">Nova</a> |
49 | 49 | </li> |
50 | | - <li class="inline pr-8"> |
| 50 | + <li> |
51 | 51 | <a href="https://forge.laravel.com" class="no-underline hover:underline text-sm font-normal text-teal-800 uppercase" title="Forge">Forge</a> |
52 | 52 | </li> |
53 | | - <li class="inline pr-8"> |
| 53 | + <li> |
54 | 54 | <a href="https://vapor.laravel.com" class="no-underline hover:underline text-sm font-normal text-teal-800 uppercase" title="Vapor">Vapor</a> |
55 | 55 | </li> |
56 | | - <li class="inline pr-8"> |
| 56 | + <li> |
57 | 57 | <a href="https://github.com/laravel/laravel" class="no-underline hover:underline text-sm font-normal text-teal-800 uppercase" title="GitHub">GitHub</a> |
58 | 58 | </li> |
59 | | - <li class="inline pr-8"> |
| 59 | + <li> |
60 | 60 | <a href="https://tailwindcss.com" class="no-underline hover:underline text-sm font-normal text-teal-800 uppercase" title="Tailwind Css">Tailwind CSS</a> |
61 | 61 | </li> |
62 | 62 | </ul> |
|
0 commit comments