Skip to content

Commit 7b0c347

Browse files
connorabbasconnorabbas
authored
Merge pull request #307 from connorabbas/develop
Welcome page layout fix
2 parents 384a85f + 9c83f0b commit 7b0c347

File tree

1 file changed

+92
-94
lines changed

1 file changed

+92
-94
lines changed

‎resources/js/pages/Welcome.vue

Lines changed: 92 additions & 94 deletions
Original file line numberDiff line numberDiff line change
@@ -20,105 +20,103 @@ const page = usePage();
2020
<InertiaHead title="Welcome" />
2121

2222
<Container fluid>
23-
<div class="min-h-full">
24-
<div class="h-screen flex items-center justify-center">
25-
<Card pt:body:class="p-4 py-6 sm:p-12">
26-
<template #content>
27-
<div class="text-center md:text-left">
28-
<span class="block text-6xl font-bold text-red-500 dark:text-red-400 mb-1">Laravel,</span>
29-
<div class="text-6xl font-bold text-indigo-500 dark:text-indigo-400 mb-1">
30-
Inertia.js,
31-
</div>
32-
<div class="text-6xl text-green-500 dark:text-green-400 text-emerald font-bold mb-4">
33-
& PrimeVue
34-
</div>
35-
<p class="mt-0 mb-4 text-muted-color leading-normal">
36-
A starter kit using
23+
<div class="min-h-svh flex items-center justify-center">
24+
<Card pt:body:class="p-4 py-6 sm:p-12">
25+
<template #content>
26+
<div class="text-center md:text-left">
27+
<span class="block text-6xl font-bold text-red-500 dark:text-red-400 mb-1">Laravel,</span>
28+
<div class="text-6xl font-bold text-indigo-500 dark:text-indigo-400 mb-1">
29+
Inertia.js,
30+
</div>
31+
<div class="text-6xl text-green-500 dark:text-green-400 text-emerald font-bold mb-4">
32+
& PrimeVue
33+
</div>
34+
<p class="mt-0 mb-4 text-muted-color leading-normal">
35+
A starter kit using
36+
<Button
37+
class="p-0 no-underline"
38+
variant="link"
39+
as="a"
40+
label="Laravel"
41+
href="https://laravel.com/docs/master"
42+
target="_blank"
43+
rel="noopener"
44+
/>,
45+
<Button
46+
class="p-0 no-underline"
47+
variant="link"
48+
as="a"
49+
label="Inertia.js"
50+
href="https://inertiajs.com/"
51+
target="_blank"
52+
rel="noopener"
53+
/>, and
54+
<Button
55+
class="p-0 no-underline"
56+
variant="link"
57+
as="a"
58+
label="PrimeVue"
59+
href="https://primevue.org/"
60+
target="_blank"
61+
rel="noopener"
62+
/>.
63+
</p>
64+
<template v-if="page.props.auth.user">
65+
<InertiaLink :href="route('dashboard')">
66+
<Button
67+
label="Dashboard"
68+
class="mr-4"
69+
>
70+
<template #icon>
71+
<LayoutGrid />
72+
</template>
73+
</Button>
74+
</InertiaLink>
75+
<InertiaLink :href="route('profile.edit')">
3776
<Button
38-
class="p-0 no-underline"
39-
variant="link"
40-
as="a"
41-
label="Laravel"
42-
href="https://laravel.com/docs/master"
43-
target="_blank"
44-
rel="noopener"
45-
/>,
77+
outlined
78+
label="Profile Settings"
79+
class="mr-4"
80+
>
81+
<template #icon>
82+
<Settings />
83+
</template>
84+
</Button>
85+
</InertiaLink>
86+
</template>
87+
<template v-else>
88+
<InertiaLink :href="route('login')">
4689
<Button
47-
class="p-0 no-underline"
48-
variant="link"
49-
as="a"
50-
label="Inertia.js"
51-
href="https://inertiajs.com/"
52-
target="_blank"
53-
rel="noopener"
54-
/>, and
90+
label="Login"
91+
class="mr-4"
92+
>
93+
<template #icon>
94+
<LogIn />
95+
</template>
96+
</Button>
97+
</InertiaLink>
98+
<InertiaLink :href="route('register')">
5599
<Button
56-
class="p-0 no-underline"
57-
variant="link"
58-
as="a"
59-
label="PrimeVue"
60-
href="https://primevue.org/"
61-
target="_blank"
62-
rel="noopener"
63-
/>.
100+
outlined
101+
label="Register"
102+
class="mr-4"
103+
>
104+
<template #icon>
105+
<UserPlus />
106+
</template>
107+
</Button>
108+
</InertiaLink>
109+
</template>
110+
<div class="mt-6">
111+
<p class="m-0 text-sm text-muted-color">
112+
Laravel v{{ laravelVersion }} (PHP v{{
113+
phpVersion
114+
}})
64115
</p>
65-
<template v-if="page.props.auth.user">
66-
<InertiaLink :href="route('dashboard')">
67-
<Button
68-
label="Dashboard"
69-
class="mr-4"
70-
>
71-
<template #icon>
72-
<LayoutGrid />
73-
</template>
74-
</Button>
75-
</InertiaLink>
76-
<InertiaLink :href="route('profile.edit')">
77-
<Button
78-
outlined
79-
label="Profile Settings"
80-
class="mr-4"
81-
>
82-
<template #icon>
83-
<Settings />
84-
</template>
85-
</Button>
86-
</InertiaLink>
87-
</template>
88-
<template v-else>
89-
<InertiaLink :href="route('login')">
90-
<Button
91-
label="Login"
92-
class="mr-4"
93-
>
94-
<template #icon>
95-
<LogIn />
96-
</template>
97-
</Button>
98-
</InertiaLink>
99-
<InertiaLink :href="route('register')">
100-
<Button
101-
outlined
102-
label="Register"
103-
class="mr-4"
104-
>
105-
<template #icon>
106-
<UserPlus />
107-
</template>
108-
</Button>
109-
</InertiaLink>
110-
</template>
111-
<div class="mt-6">
112-
<p class="m-0 text-sm text-muted-color">
113-
Laravel v{{ laravelVersion }} (PHP v{{
114-
phpVersion
115-
}})
116-
</p>
117-
</div>
118116
</div>
119-
</template>
120-
</Card>
121-
</div>
117+
</div>
118+
</template>
119+
</Card>
122120
</div>
123121
</Container>
124122
</template>

0 commit comments

Comments
 (0)