Skip to content

Commit 45a42c1

Browse files
jessarcherjessarcher
authoredFeb 10, 2023
[3.x] New welcome (#1247)
* Update font and welcome page * Freshen welcome component * Tweak spacing and colors * Fix arrow colors
·
v5.3.6v3.0.0
1 parent b8c0786 commit 45a42c1

File tree

8 files changed

+216
-199
lines changed

8 files changed

+216
-199
lines changed
 

‎stubs/inertia/resources/js/Components/Welcome.vue

+57-63
Original file line numberDiff line numberDiff line change
@@ -4,106 +4,100 @@ import ApplicationLogo from '@/Components/ApplicationLogo.vue';
44

55
<template>
66
<div>
7-
<div class="p-6 sm:px-20 bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700">
8-
<div>
9-
<ApplicationLogo class="block h-12 w-auto" />
10-
</div>
7+
<div class="p-6 lg:p-8 bg-white dark:bg-gray-800 dark:bg-gradient-to-bl dark:from-gray-700/50 dark:via-transparent border-b border-gray-200 dark:border-gray-700">
8+
<ApplicationLogo class="block h-12 w-auto" />
119

12-
<div class="mt-8 text-2xl dark:text-white">
10+
<h1 class="mt-8 text-2xl font-medium text-gray-900 dark:text-white">
1311
Welcome to your Jetstream application!
14-
</div>
12+
</h1>
1513

16-
<div class="mt-6 text-gray-500 dark:text-gray-400">
14+
<p class="mt-6 text-gray-500 dark:text-gray-400 leading-relaxed">
1715
Laravel Jetstream provides a beautiful, robust starting point for your next Laravel application. Laravel is designed
1816
to help you build your application using a development environment that is simple, powerful, and enjoyable. We believe
1917
you should love expressing your creativity through programming, so we have spent time carefully crafting the Laravel
2018
ecosystem to be a breath of fresh air. We hope you love it.
21-
</div>
19+
</p>
2220
</div>
2321

24-
<div class="bg-gray-200 dark:bg-gray-800 bg-opacity-25 grid grid-cols-1 md:grid-cols-2">
25-
<div class="p-6">
22+
<div class="bg-gray-200 dark:bg-gray-800 bg-opacity-25 grid grid-cols-1 md:grid-cols-2 gap-6 lg:gap-8 p-6 lg:p-8">
23+
<div>
2624
<div class="flex items-center">
27-
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 text-gray-400"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25" /></svg>
28-
<div class="ml-4 text-lg text-gray-600 dark:text-gray-100 leading-7 font-semibold">
25+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" class="w-6 h-6 stroke-gray-400">
26+
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25" />
27+
</svg>
28+
<h2 class="ml-3 text-xl font-semibold text-gray-900 dark:text-white">
2929
<a href="https://laravel.com/docs">Documentation</a>
30-
</div>
30+
</h2>
3131
</div>
3232

33-
<div class="ml-12">
34-
<div class="mt-2 text-sm text-gray-500 dark:text-gray-400">
35-
Laravel has wonderful documentation covering every aspect of the framework. Whether you're new to the framework or have previous experience, we recommend reading all of the documentation from beginning to end.
36-
</div>
33+
<p class="mt-4 text-gray-500 dark:text-gray-400 text-sm leading-relaxed">
34+
Laravel has wonderful documentation covering every aspect of the framework. Whether you're new to the framework or have previous experience, we recommend reading all of the documentation from beginning to end.
35+
</p>
3736

38-
<a href="https://laravel.com/docs">
39-
<div class="mt-3 flex items-center text-sm font-semibold text-indigo-700 dark:text-indigo-300">
40-
<div>Explore the documentation</div>
37+
<p class="mt-4 text-sm">
38+
<a href="https://laravel.com/docs" class="inline-flex items-center font-semibold text-indigo-700 dark:text-indigo-300">
39+
Explore the documentation
4140

42-
<div class="ml-1 text-indigo-500 dark:text-indigo-200">
43-
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
44-
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" />
45-
</svg>
46-
</div>
47-
</div>
41+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="ml-1 w-5 h-5 fill-indigo-500 dark:fill-indigo-200">
42+
<path fill-rule="evenodd" d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z" clip-rule="evenodd" />
43+
</svg>
4844
</a>
49-
</div>
45+
</p>
5046
</div>
5147

52-
<div class="p-6 border-t border-gray-200 dark:border-gray-700 md:border-t-0 md:border-l">
48+
<div>
5349
<div class="flex items-center">
54-
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 text-gray-400"><path stroke-linecap="round" d="M15.75 10.5l4.72-4.72a.75.75 0 011.28.53v11.38a.75.75 0 01-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25h-9A2.25 2.25 0 002.25 7.5v9a2.25 2.25 0 002.25 2.25z" /></svg>
55-
<div class="ml-4 text-lg text-gray-600 dark:text-gray-100 leading-7 font-semibold">
50+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" class="w-6 h-6 stroke-gray-400">
51+
<path stroke-linecap="round" d="M15.75 10.5l4.72-4.72a.75.75 0 011.28.53v11.38a.75.75 0 01-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25h-9A2.25 2.25 0 002.25 7.5v9a2.25 2.25 0 002.25 2.25z" />
52+
</svg>
53+
<h2 class="ml-3 text-xl font-semibold text-gray-900 dark:text-white">
5654
<a href="https://laracasts.com">Laracasts</a>
57-
</div>
55+
</h2>
5856
</div>
5957

60-
<div class="ml-12">
61-
<div class="mt-2 text-sm text-gray-500 dark:text-gray-400">
62-
Laracasts offers thousands of video tutorials on Laravel, PHP, and JavaScript development. Check them out, see for yourself, and massively level up your development skills in the process.
63-
</div>
58+
<p class="mt-4 text-gray-500 dark:text-gray-400 text-sm leading-relaxed">
59+
Laracasts offers thousands of video tutorials on Laravel, PHP, and JavaScript development. Check them out, see for yourself, and massively level up your development skills in the process.
60+
</p>
6461

65-
<a href="https://laracasts.com">
66-
<div class="mt-3 flex items-center text-sm font-semibold text-indigo-700 dark:text-indigo-300">
67-
<div>Start watching Laracasts</div>
62+
<p class="mt-4 text-sm">
63+
<a href="https://laracasts.com" class="inline-flex items-center font-semibold fill-indigo-700 fill:text-indigo-300">
64+
Start watching Laracasts
6865

69-
<div class="ml-1 text-indigo-500 dark:text-indigo-200">
70-
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
71-
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" />
72-
</svg>
73-
</div>
74-
</div>
66+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="ml-1 w-5 h-5 stroke-indigo-500 dark:stroke-indigo-200">
67+
<path fill-rule="evenodd" d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z" clip-rule="evenodd" />
68+
</svg>
7569
</a>
76-
</div>
70+
</p>
7771
</div>
7872

79-
<div class="p-6 border-t border-gray-200 dark:border-gray-700">
73+
<div>
8074
<div class="flex items-center">
81-
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 text-gray-400"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z" /></svg>
82-
<div class="ml-4 text-lg text-gray-600 dark:text-gray-100 leading-7 font-semibold">
75+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" class="w-6 h-6 stroke-gray-400">
76+
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z" />
77+
</svg>
78+
<h2 class="ml-3 text-xl font-semibold text-gray-900 dark:text-white">
8379
<a href="https://tailwindcss.com/">Tailwind</a>
84-
</div>
80+
</h2>
8581
</div>
8682

87-
<div class="ml-12">
88-
<div class="mt-2 text-sm text-gray-500 dark:text-gray-400">
89-
Laravel Jetstream is built with Tailwind, an amazing utility first CSS framework that doesn't get in your way. You'll be amazed how easily you can build and maintain fresh, modern designs with this wonderful framework at your fingertips.
90-
</div>
91-
</div>
83+
<p class="mt-4 text-gray-500 dark:text-gray-400 text-sm leading-relaxed">
84+
Laravel Jetstream is built with Tailwind, an amazing utility first CSS framework that doesn't get in your way. You'll be amazed how easily you can build and maintain fresh, modern designs with this wonderful framework at your fingertips.
85+
</p>
9286
</div>
9387

94-
<div class="p-6 border-t border-gray-200 dark:border-gray-700 md:border-l">
88+
<div>
9589
<div class="flex items-center">
96-
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 text-gray-400"><path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z" /></svg>
97-
<div class="ml-4 text-lg text-gray-600 dark:text-gray-100 leading-7 font-semibold">
90+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" class="w-6 h-6 stroke-gray-400">
91+
<path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z" />
92+
</svg>
93+
<h2 class="ml-3 text-xl font-semibold text-gray-900 dark:text-white">
9894
Authentication
99-
</div>
95+
</h2>
10096
</div>
10197

102-
<div class="ml-12">
103-
<div class="mt-2 text-sm text-gray-500 dark:text-gray-400">
104-
Authentication and registration views are included with Laravel Jetstream, as well as support for user email verification and resetting forgotten passwords. So, you're free to get started with what matters most: building your application.
105-
</div>
106-
</div>
98+
<p class="mt-4 text-gray-500 dark:text-gray-400 text-sm leading-relaxed">
99+
Authentication and registration views are included with Laravel Jetstream, as well as support for user email verification and resetting forgotten passwords. So, you're free to get started with what matters most: building your application.
100+
</p>
107101
</div>
108102
</div>
109103
</div>

‎stubs/inertia/resources/js/Pages/Welcome.vue

+90-72
Large diffs are not rendered by default.

‎stubs/inertia/resources/views/app.blade.php

+2-1
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,8 @@
77
<title inertia>{{ config('app.name', 'Laravel') }}</title>
88

99
<!-- Fonts -->
10-
<link rel="stylesheet" href="https://fonts.bunny.net/css2?family=Nunito:wght@400;600;700&display=swap">
10+
<link rel="preconnect" href="https://fonts.bunny.net">
11+
<link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
1112

1213
<!-- Scripts -->
1314
@routes

‎stubs/inertia/tailwind.config.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ module.exports = {
1313
theme: {
1414
extend: {
1515
fontFamily: {
16-
sans: ['Nunito', ...defaultTheme.fontFamily.sans],
16+
sans: ['Figtree', ...defaultTheme.fontFamily.sans],
1717
},
1818
},
1919
},

‎stubs/livewire/resources/views/components/welcome.blade.php

+61-59
Original file line numberDiff line numberDiff line change
@@ -1,94 +1,96 @@
1-
<div class="p-6 sm:px-20 bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700">
2-
<div>
3-
<x-application-logo class="block h-12 w-auto" />
4-
</div>
1+
<div class="p-6 lg:p-8 bg-white dark:bg-gray-800 dark:bg-gradient-to-bl dark:from-gray-700/50 dark:via-transparent border-b border-gray-200 dark:border-gray-700">
2+
<x-application-logo class="block h-12 w-auto" />
53

6-
<div class="mt-8 text-2xl dark:text-white">
4+
<h1 class="mt-8 text-2xl font-medium text-gray-900 dark:text-white">
75
Welcome to your Jetstream application!
8-
</div>
6+
</h1>
97

10-
<div class="mt-6 text-gray-500 dark:text-gray-400">
8+
<p class="mt-6 text-gray-500 dark:text-gray-400 leading-relaxed">
119
Laravel Jetstream provides a beautiful, robust starting point for your next Laravel application. Laravel is designed
1210
to help you build your application using a development environment that is simple, powerful, and enjoyable. We believe
1311
you should love expressing your creativity through programming, so we have spent time carefully crafting the Laravel
1412
ecosystem to be a breath of fresh air. We hope you love it.
15-
</div>
13+
</p>
1614
</div>
1715

18-
<div class="bg-gray-200 dark:bg-gray-800 bg-opacity-25 grid grid-cols-1 md:grid-cols-2">
19-
<div class="p-6">
16+
<div class="bg-gray-200 dark:bg-gray-800 bg-opacity-25 grid grid-cols-1 md:grid-cols-2 gap-6 lg:gap-8 p-6 lg:p-8">
17+
<div>
2018
<div class="flex items-center">
21-
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 text-gray-400"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25" /></svg>
22-
<div class="ml-4 text-lg text-gray-600 dark:text-gray-100 leading-7 font-semibold"><a href="https://laravel.com/docs">Documentation</a></div>
19+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" class="w-6 h-6 stroke-gray-400">
20+
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25" />
21+
</svg>
22+
<h2 class="ml-3 text-xl font-semibold text-gray-900 dark:text-white">
23+
<a href="https://laravel.com/docs">Documentation</a>
24+
</h2>
2325
</div>
2426

25-
<div class="ml-12">
26-
<div class="mt-2 text-sm text-gray-500 dark:text-gray-400">
27-
Laravel has wonderful documentation covering every aspect of the framework. Whether you're new to the framework or have previous experience, we recommend reading all of the documentation from beginning to end.
28-
</div>
27+
<p class="mt-4 text-gray-500 dark:text-gray-400 text-sm leading-relaxed">
28+
Laravel has wonderful documentation covering every aspect of the framework. Whether you're new to the framework or have previous experience, we recommend reading all of the documentation from beginning to end.
29+
</p>
2930

30-
<a href="https://laravel.com/docs">
31-
<div class="mt-3 flex items-center text-sm font-semibold text-indigo-700 dark:text-indigo-300">
32-
<div>Explore the documentation</div>
31+
<p class="mt-4 text-sm">
32+
<a href="https://laravel.com/docs" class="inline-flex items-center font-semibold text-indigo-700 dark:text-indigo-300">
33+
Explore the documentation
3334

34-
<div class="ml-1 text-indigo-500 dark:text-indigo-200">
35-
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
36-
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" />
37-
</svg>
38-
</div>
39-
</div>
35+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="ml-1 w-5 h-5 fill-indigo-500 dark:fill-indigo-200">
36+
<path fill-rule="evenodd" d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z" clip-rule="evenodd" />
37+
</svg>
4038
</a>
41-
</div>
39+
</p>
4240
</div>
4341

44-
<div class="p-6 border-t border-gray-200 dark:border-gray-700 md:border-t-0 md:border-l">
42+
<div>
4543
<div class="flex items-center">
46-
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 text-gray-400"><path stroke-linecap="round" d="M15.75 10.5l4.72-4.72a.75.75 0 011.28.53v11.38a.75.75 0 01-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25h-9A2.25 2.25 0 002.25 7.5v9a2.25 2.25 0 002.25 2.25z" /></svg>
47-
<div class="ml-4 text-lg text-gray-600 dark:text-gray-100 leading-7 font-semibold"><a href="https://laracasts.com">Laracasts</a></div>
44+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" class="w-6 h-6 stroke-gray-400">
45+
<path stroke-linecap="round" d="M15.75 10.5l4.72-4.72a.75.75 0 011.28.53v11.38a.75.75 0 01-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25h-9A2.25 2.25 0 002.25 7.5v9a2.25 2.25 0 002.25 2.25z" />
46+
</svg>
47+
<h2 class="ml-3 text-xl font-semibold text-gray-900 dark:text-white">
48+
<a href="https://laracasts.com">Laracasts</a>
49+
</h2>
4850
</div>
4951

50-
<div class="ml-12">
51-
<div class="mt-2 text-sm text-gray-500 dark:text-gray-400">
52-
Laracasts offers thousands of video tutorials on Laravel, PHP, and JavaScript development. Check them out, see for yourself, and massively level up your development skills in the process.
53-
</div>
52+
<p class="mt-4 text-gray-500 dark:text-gray-400 text-sm leading-relaxed">
53+
Laracasts offers thousands of video tutorials on Laravel, PHP, and JavaScript development. Check them out, see for yourself, and massively level up your development skills in the process.
54+
</p>
5455

55-
<a href="https://laracasts.com">
56-
<div class="mt-3 flex items-center text-sm font-semibold text-indigo-700 dark:text-indigo-300">
57-
<div>Start watching Laracasts</div>
56+
<p class="mt-4 text-sm">
57+
<a href="https://laracasts.com" class="inline-flex items-center font-semibold text-indigo-700 dark:text-indigo-300">
58+
Start watching Laracasts
5859

59-
<div class="ml-1 text-indigo-500 dark:text-indigo-200">
60-
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
61-
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" />
62-
</svg>
63-
</div>
64-
</div>
60+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="ml-1 w-5 h-5 fill-indigo-500 dark:fill-indigo-200">
61+
<path fill-rule="evenodd" d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z" clip-rule="evenodd" />
62+
</svg>
6563
</a>
66-
</div>
64+
</p>
6765
</div>
6866

69-
<div class="p-6 border-t border-gray-200 dark:border-gray-700">
67+
<div>
7068
<div class="flex items-center">
71-
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 text-gray-400"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z" /></svg>
72-
<div class="ml-4 text-lg text-gray-600 dark:text-gray-100 leading-7 font-semibold"><a href="https://tailwindcss.com/">Tailwind</a></div>
69+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" class="w-6 h-6 stroke-gray-400">
70+
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z" />
71+
</svg>
72+
<h2 class="ml-3 text-xl font-semibold text-gray-900 dark:text-white">
73+
<a href="https://tailwindcss.com/">Tailwind</a>
74+
</h2>
7375
</div>
7476

75-
<div class="ml-12">
76-
<div class="mt-2 text-sm text-gray-500 dark:text-gray-400">
77-
Laravel Jetstream is built with Tailwind, an amazing utility first CSS framework that doesn't get in your way. You'll be amazed how easily you can build and maintain fresh, modern designs with this wonderful framework at your fingertips.
78-
</div>
79-
</div>
77+
<p class="mt-4 text-gray-500 dark:text-gray-400 text-sm leading-relaxed">
78+
Laravel Jetstream is built with Tailwind, an amazing utility first CSS framework that doesn't get in your way. You'll be amazed how easily you can build and maintain fresh, modern designs with this wonderful framework at your fingertips.
79+
</p>
8080
</div>
8181

82-
<div class="p-6 border-t border-gray-200 dark:border-gray-700 md:border-l">
82+
<div>
8383
<div class="flex items-center">
84-
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 text-gray-400"><path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z" /></svg>
85-
<div class="ml-4 text-lg text-gray-600 dark:text-gray-100 leading-7 font-semibold">Authentication</div>
84+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" class="w-6 h-6 stroke-gray-400">
85+
<path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z" />
86+
</svg>
87+
<h2 class="ml-3 text-xl font-semibold text-gray-900 dark:text-white">
88+
Authentication
89+
</h2>
8690
</div>
8791

88-
<div class="ml-12">
89-
<div class="mt-2 text-sm text-gray-500 dark:text-gray-400">
90-
Authentication and registration views are included with Laravel Jetstream, as well as support for user email verification and resetting forgotten passwords. So, you're free to get started with what matters most: building your application.
91-
</div>
92-
</div>
92+
<p class="mt-4 text-gray-500 dark:text-gray-400 text-sm leading-relaxed">
93+
Authentication and registration views are included with Laravel Jetstream, as well as support for user email verification and resetting forgotten passwords. So, you're free to get started with what matters most: building your application.
94+
</p>
9395
</div>
9496
</div>

‎stubs/livewire/resources/views/layouts/app.blade.php

+2-1
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,8 @@
88
<title>{{ config('app.name', 'Laravel') }}</title>
99

1010
<!-- Fonts -->
11-
<link rel="stylesheet" href="https://fonts.bunny.net/css2?family=Nunito:wght@400;600;700&display=swap">
11+
<link rel="preconnect" href="https://fonts.bunny.net">
12+
<link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
1213

1314
<!-- Scripts -->
1415
@vite(['resources/css/app.css', 'resources/js/app.js'])

‎stubs/livewire/resources/views/layouts/guest.blade.php

+2-1
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,8 @@
88
<title>{{ config('app.name', 'Laravel') }}</title>
99

1010
<!-- Fonts -->
11-
<link rel="stylesheet" href="https://fonts.bunny.net/css2?family=Nunito:wght@400;600;700&display=swap">
11+
<link rel="preconnect" href="https://fonts.bunny.net">
12+
<link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
1213

1314
<!-- Scripts -->
1415
@vite(['resources/css/app.css', 'resources/js/app.js'])

‎stubs/livewire/tailwind.config.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ module.exports = {
1212
theme: {
1313
extend: {
1414
fontFamily: {
15-
sans: ['Nunito', ...defaultTheme.fontFamily.sans],
15+
sans: ['Figtree', ...defaultTheme.fontFamily.sans],
1616
},
1717
},
1818
},

0 commit comments

Comments
 (0)
Please sign in to comment.