Skip to content

Commit eac2f4c

Browse files
taylorotwelltaylorotwell
committed
prettier
1 parent 4c7d0e3 commit eac2f4c

22 files changed

+187
-200
lines changed

‎resources/css/app.css

Lines changed: 122 additions & 128 deletions
Original file line numberDiff line numberDiff line change
@@ -1,63 +1,61 @@
11
@import 'tailwindcss';
22

3-
@import "tw-animate-css";
3+
@import 'tw-animate-css';
44

55
@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
66
@source '../../storage/framework/views/*.php';
77

88
@custom-variant dark (&:is(.dark *));
99

1010
@theme inline {
11-
--font-sans:
12-
Instrument Sans, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
13-
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
11+
--font-sans: Instrument Sans, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
1412

15-
--radius-lg: var(--radius);
16-
--radius-md: calc(var(--radius) - 2px);
17-
--radius-sm: calc(var(--radius) - 4px);
13+
--radius-lg: var(--radius);
14+
--radius-md: calc(var(--radius) - 2px);
15+
--radius-sm: calc(var(--radius) - 4px);
1816

19-
--color-background: var(--background);
20-
--color-foreground: var(--foreground);
17+
--color-background: var(--background);
18+
--color-foreground: var(--foreground);
2119

22-
--color-card: var(--card);
23-
--color-card-foreground: var(--card-foreground);
20+
--color-card: var(--card);
21+
--color-card-foreground: var(--card-foreground);
2422

25-
--color-popover: var(--popover);
26-
--color-popover-foreground: var(--popover-foreground);
23+
--color-popover: var(--popover);
24+
--color-popover-foreground: var(--popover-foreground);
2725

28-
--color-primary: var(--primary);
29-
--color-primary-foreground: var(--primary-foreground);
26+
--color-primary: var(--primary);
27+
--color-primary-foreground: var(--primary-foreground);
3028

31-
--color-secondary: var(--secondary);
32-
--color-secondary-foreground: var(--secondary-foreground);
29+
--color-secondary: var(--secondary);
30+
--color-secondary-foreground: var(--secondary-foreground);
3331

34-
--color-muted: var(--muted);
35-
--color-muted-foreground: var(--muted-foreground);
32+
--color-muted: var(--muted);
33+
--color-muted-foreground: var(--muted-foreground);
3634

37-
--color-accent: var(--accent);
38-
--color-accent-foreground: var(--accent-foreground);
35+
--color-accent: var(--accent);
36+
--color-accent-foreground: var(--accent-foreground);
3937

40-
--color-destructive: var(--destructive);
41-
--color-destructive-foreground: var(--destructive-foreground);
38+
--color-destructive: var(--destructive);
39+
--color-destructive-foreground: var(--destructive-foreground);
4240

43-
--color-border: var(--border);
44-
--color-input: var(--input);
45-
--color-ring: var(--ring);
41+
--color-border: var(--border);
42+
--color-input: var(--input);
43+
--color-ring: var(--ring);
4644

47-
--color-chart-1: var(--chart-1);
48-
--color-chart-2: var(--chart-2);
49-
--color-chart-3: var(--chart-3);
50-
--color-chart-4: var(--chart-4);
51-
--color-chart-5: var(--chart-5);
45+
--color-chart-1: var(--chart-1);
46+
--color-chart-2: var(--chart-2);
47+
--color-chart-3: var(--chart-3);
48+
--color-chart-4: var(--chart-4);
49+
--color-chart-5: var(--chart-5);
5250

53-
--color-sidebar: var(--sidebar-background);
54-
--color-sidebar-foreground: var(--sidebar-foreground);
55-
--color-sidebar-primary: var(--sidebar-primary);
56-
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
57-
--color-sidebar-accent: var(--sidebar-accent);
58-
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
59-
--color-sidebar-border: var(--sidebar-border);
60-
--color-sidebar-ring: var(--sidebar-ring);
51+
--color-sidebar: var(--sidebar-background);
52+
--color-sidebar-foreground: var(--sidebar-foreground);
53+
--color-sidebar-primary: var(--sidebar-primary);
54+
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
55+
--color-sidebar-accent: var(--sidebar-accent);
56+
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
57+
--color-sidebar-border: var(--sidebar-border);
58+
--color-sidebar-ring: var(--sidebar-ring);
6159
}
6260

6361
/*
@@ -69,105 +67,101 @@
6967
color utility to any element that depends on these defaults.
7068
*/
7169
@layer base {
72-
*,
73-
::after,
74-
::before,
75-
::backdrop,
76-
::file-selector-button {
77-
border-color: var(--color-gray-200, currentColor);
78-
}
70+
*,
71+
::after,
72+
::before,
73+
::backdrop,
74+
::file-selector-button {
75+
border-color: var(--color-gray-200, currentColor);
76+
}
7977
}
8078

8179
@layer utilities {
82-
body,
83-
html {
84-
--font-sans:
85-
'Instrument Sans', ui-sans-serif, system-ui, sans-serif,
86-
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
87-
'Noto Color Emoji';
88-
}
80+
body,
81+
html {
82+
--font-sans:
83+
'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
84+
}
8985
}
9086

9187
:root {
92-
--background: hsl(0 0% 100%);
93-
--foreground: hsl(0 0% 3.9%);
94-
--card: hsl(0 0% 100%);
95-
--card-foreground: hsl(0 0% 3.9%);
96-
--popover: hsl(0 0% 100%);
97-
--popover-foreground: hsl(0 0% 3.9%);
98-
--primary: hsl(0 0% 9%);
99-
--primary-foreground: hsl(0 0% 98%);
100-
--secondary: hsl(0 0% 92.1%);
101-
--secondary-foreground: hsl(0 0% 9%);
102-
--muted: hsl(0 0% 96.1%);
103-
--muted-foreground: hsl(0 0% 45.1%);
104-
--accent: hsl(0 0% 96.1%);
105-
--accent-foreground: hsl(0 0% 9%);
106-
--destructive: hsl(0 84.2% 60.2%);
107-
--destructive-foreground: hsl(0 0% 98%);
108-
--border: hsl(0 0% 92.8%);
109-
--input: hsl(0 0% 89.8%);
110-
--ring: hsl(0 0% 3.9%);
111-
--chart-1: hsl(12 76% 61%);
112-
--chart-2: hsl(173 58% 39%);
113-
--chart-3: hsl(197 37% 24%);
114-
--chart-4: hsl(43 74% 66%);
115-
--chart-5: hsl(27 87% 67%);
116-
--radius: 0.5rem;
117-
--sidebar-background: hsl(0 0% 98%);
118-
--sidebar-foreground: hsl(240 5.3% 26.1%);
119-
--sidebar-primary: hsl(0 0% 10%);
120-
--sidebar-primary-foreground: hsl(0 0% 98%);
121-
--sidebar-accent: hsl(0 0% 94%);
122-
--sidebar-accent-foreground: hsl(0 0% 30%);
123-
--sidebar-border: hsl(0 0% 91%);
124-
--sidebar-ring: hsl(217.2 91.2% 59.8%);
125-
--sidebar:
126-
hsl(0 0% 98%);
88+
--background: hsl(0 0% 100%);
89+
--foreground: hsl(0 0% 3.9%);
90+
--card: hsl(0 0% 100%);
91+
--card-foreground: hsl(0 0% 3.9%);
92+
--popover: hsl(0 0% 100%);
93+
--popover-foreground: hsl(0 0% 3.9%);
94+
--primary: hsl(0 0% 9%);
95+
--primary-foreground: hsl(0 0% 98%);
96+
--secondary: hsl(0 0% 92.1%);
97+
--secondary-foreground: hsl(0 0% 9%);
98+
--muted: hsl(0 0% 96.1%);
99+
--muted-foreground: hsl(0 0% 45.1%);
100+
--accent: hsl(0 0% 96.1%);
101+
--accent-foreground: hsl(0 0% 9%);
102+
--destructive: hsl(0 84.2% 60.2%);
103+
--destructive-foreground: hsl(0 0% 98%);
104+
--border: hsl(0 0% 92.8%);
105+
--input: hsl(0 0% 89.8%);
106+
--ring: hsl(0 0% 3.9%);
107+
--chart-1: hsl(12 76% 61%);
108+
--chart-2: hsl(173 58% 39%);
109+
--chart-3: hsl(197 37% 24%);
110+
--chart-4: hsl(43 74% 66%);
111+
--chart-5: hsl(27 87% 67%);
112+
--radius: 0.5rem;
113+
--sidebar-background: hsl(0 0% 98%);
114+
--sidebar-foreground: hsl(240 5.3% 26.1%);
115+
--sidebar-primary: hsl(0 0% 10%);
116+
--sidebar-primary-foreground: hsl(0 0% 98%);
117+
--sidebar-accent: hsl(0 0% 94%);
118+
--sidebar-accent-foreground: hsl(0 0% 30%);
119+
--sidebar-border: hsl(0 0% 91%);
120+
--sidebar-ring: hsl(217.2 91.2% 59.8%);
121+
--sidebar: hsl(0 0% 98%);
127122
}
128123

129124
.dark {
130-
--background: hsl(0 0% 3.9%);
131-
--foreground: hsl(0 0% 98%);
132-
--card: hsl(0 0% 3.9%);
133-
--card-foreground: hsl(0 0% 98%);
134-
--popover: hsl(0 0% 3.9%);
135-
--popover-foreground: 0 0% 98%;
136-
--primary: hsl(0 0% 98%);
137-
--primary-foreground: hsl(0 0% 9%);
138-
--secondary: hsl(0 0% 14.9%);
139-
--secondary-foreground: hsl(0 0% 98%);
140-
--muted: hsl(0 0% 16.08%);
141-
--muted-foreground: hsl(0 0% 63.9%);
142-
--accent: hsl(0 0% 14.9%);
143-
--accent-foreground: hsl(0 0% 98%);
144-
--destructive: hsl(0 84% 60%);
145-
--destructive-foreground: hsl(0 0% 98%);
146-
--border: hsl(0 0% 14.9%);
147-
--input: hsl(0 0% 14.9%);
148-
--ring: hsl(0 0% 83.1%);
149-
--chart-1: hsl(220 70% 50%);
150-
--chart-2: hsl(160 60% 45%);
151-
--chart-3: hsl(30 80% 55%);
152-
--chart-4: hsl(280 65% 60%);
153-
--chart-5: hsl(340 75% 55%);
154-
--sidebar-background: hsl(0 0% 7%);
155-
--sidebar-foreground: hsl(0 0% 95.9%);
156-
--sidebar-primary: hsl(360, 100%, 100%);
157-
--sidebar-primary-foreground: hsl(0 0% 100%);
158-
--sidebar-accent: hsl(0 0% 15.9%);
159-
--sidebar-accent-foreground: hsl(240 4.8% 95.9%);
160-
--sidebar-border: hsl(0 0% 15.9%);
161-
--sidebar-ring: hsl(217.2 91.2% 59.8%);
162-
--sidebar:
163-
hsl(240 5.9% 10%);
125+
--background: hsl(0 0% 3.9%);
126+
--foreground: hsl(0 0% 98%);
127+
--card: hsl(0 0% 3.9%);
128+
--card-foreground: hsl(0 0% 98%);
129+
--popover: hsl(0 0% 3.9%);
130+
--popover-foreground: 0 0% 98%;
131+
--primary: hsl(0 0% 98%);
132+
--primary-foreground: hsl(0 0% 9%);
133+
--secondary: hsl(0 0% 14.9%);
134+
--secondary-foreground: hsl(0 0% 98%);
135+
--muted: hsl(0 0% 16.08%);
136+
--muted-foreground: hsl(0 0% 63.9%);
137+
--accent: hsl(0 0% 14.9%);
138+
--accent-foreground: hsl(0 0% 98%);
139+
--destructive: hsl(0 84% 60%);
140+
--destructive-foreground: hsl(0 0% 98%);
141+
--border: hsl(0 0% 14.9%);
142+
--input: hsl(0 0% 14.9%);
143+
--ring: hsl(0 0% 83.1%);
144+
--chart-1: hsl(220 70% 50%);
145+
--chart-2: hsl(160 60% 45%);
146+
--chart-3: hsl(30 80% 55%);
147+
--chart-4: hsl(280 65% 60%);
148+
--chart-5: hsl(340 75% 55%);
149+
--sidebar-background: hsl(0 0% 7%);
150+
--sidebar-foreground: hsl(0 0% 95.9%);
151+
--sidebar-primary: hsl(360, 100%, 100%);
152+
--sidebar-primary-foreground: hsl(0 0% 100%);
153+
--sidebar-accent: hsl(0 0% 15.9%);
154+
--sidebar-accent-foreground: hsl(240 4.8% 95.9%);
155+
--sidebar-border: hsl(0 0% 15.9%);
156+
--sidebar-ring: hsl(217.2 91.2% 59.8%);
157+
--sidebar: hsl(240 5.9% 10%);
164158
}
165159

166160
@layer base {
167-
* {
168-
@apply border-border outline-ring/50;
169-
}
170-
body {
171-
@apply bg-background text-foreground;
172-
}
161+
* {
162+
@apply border-border outline-ring/50;
163+
}
164+
body {
165+
@apply bg-background text-foreground;
166+
}
173167
}

‎resources/js/app.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ declare module 'vite/client' {
2323
const appName = import.meta.env.VITE_APP_NAME || 'Laravel';
2424

2525
createInertiaApp({
26-
title: (title) => title ? `${title} - ${appName}` : appName,
26+
title: (title) => (title ? `${title} - ${appName}` : appName),
2727
resolve: (name) => resolvePageComponent(`./pages/${name}.vue`, import.meta.glob<DefineComponent>('./pages/**/*.vue')),
2828
setup({ el, App, props, plugin }) {
2929
createApp({ render: () => h(App, props) })

‎resources/js/components/AppHeader.vue

Lines changed: 5 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -5,12 +5,7 @@ import Breadcrumbs from '@/components/Breadcrumbs.vue';
55
import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
66
import { Button } from '@/components/ui/button';
77
import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from '@/components/ui/dropdown-menu';
8-
import {
9-
NavigationMenu,
10-
NavigationMenuItem,
11-
NavigationMenuList,
12-
navigationMenuTriggerStyle,
13-
} from '@/components/ui/navigation-menu';
8+
import { NavigationMenu, NavigationMenuItem, NavigationMenuList, navigationMenuTriggerStyle } from '@/components/ui/navigation-menu';
149
import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from '@/components/ui/sheet';
1510
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
1611
import UserMenuContent from '@/components/UserMenuContent.vue';
@@ -61,7 +56,7 @@ const rightNavItems: NavItem[] = [
6156

6257
<template>
6358
<div>
64-
<div class="border-b border-sidebar-border/80">
59+
<div class="border-sidebar-border/80 border-b">
6560
<div class="mx-auto flex h-16 items-center px-4 md:max-w-7xl">
6661
<!-- Mobile Menu -->
6762
<div class="lg:hidden">
@@ -82,7 +77,7 @@ const rightNavItems: NavItem[] = [
8277
v-for="item in mainNavItems"
8378
:key="item.title"
8479
:href="item.href"
85-
class="flex items-center gap-x-3 rounded-lg px-3 py-2 text-sm font-medium hover:bg-accent"
80+
class="hover:bg-accent flex items-center gap-x-3 rounded-lg px-3 py-2 text-sm font-medium"
8681
:class="activeItemStyles(item.href)"
8782
>
8883
<component v-if="item.icon" :is="item.icon" class="h-5 w-5" />
@@ -164,7 +159,7 @@ const rightNavItems: NavItem[] = [
164159
<Button
165160
variant="ghost"
166161
size="icon"
167-
class="relative size-10 w-auto rounded-full p-1 focus-within:ring-2 focus-within:ring-primary"
162+
class="focus-within:ring-primary relative size-10 w-auto rounded-full p-1 focus-within:ring-2"
168163
>
169164
<Avatar class="size-8 overflow-hidden rounded-full">
170165
<AvatarImage v-if="auth.user.avatar" :src="auth.user.avatar" :alt="auth.user.name" />
@@ -182,7 +177,7 @@ const rightNavItems: NavItem[] = [
182177
</div>
183178
</div>
184179

185-
<div v-if="props.breadcrumbs.length > 1" class="flex w-full border-b border-sidebar-border/70">
180+
<div v-if="props.breadcrumbs.length > 1" class="border-sidebar-border/70 flex w-full border-b">
186181
<div class="mx-auto flex h-12 w-full items-center justify-start px-4 text-neutral-500 md:max-w-7xl">
187182
<Breadcrumbs :breadcrumbs="breadcrumbs" />
188183
</div>

‎resources/js/components/AppLogo.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,10 @@ import AppLogoIcon from '@/components/AppLogoIcon.vue';
33
</script>
44

55
<template>
6-
<div class="flex aspect-square size-8 items-center justify-center rounded-md bg-sidebar-primary text-sidebar-primary-foreground">
6+
<div class="bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-md">
77
<AppLogoIcon class="size-5 fill-current text-white dark:text-black" />
88
</div>
99
<div class="ml-1 grid flex-1 text-left text-sm">
10-
<span class="mb-0.5 truncate font-semibold leading-tight">Laravel Starter Kit</span>
10+
<span class="mb-0.5 truncate leading-tight font-semibold">Laravel Starter Kit</span>
1111
</div>
1212
</template>

‎resources/js/components/AppShell.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<script setup lang="ts">
22
import { SidebarProvider } from '@/components/ui/sidebar';
3-
import { usePage } from '@inertiajs/vue3';
43
import { SharedData } from '@/types';
4+
import { usePage } from '@inertiajs/vue3';
55
66
interface Props {
77
variant?: 'header' | 'sidebar';

‎resources/js/components/AppSidebarHeader.vue

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,16 +3,19 @@ import Breadcrumbs from '@/components/Breadcrumbs.vue';
33
import { SidebarTrigger } from '@/components/ui/sidebar';
44
import type { BreadcrumbItemType } from '@/types';
55
6-
withDefaults(defineProps<{
7-
breadcrumbs?: BreadcrumbItemType[];
8-
}>(),{
9-
breadcrumbs:()=>[]
10-
});
6+
withDefaults(
7+
defineProps<{
8+
breadcrumbs?: BreadcrumbItemType[];
9+
}>(),
10+
{
11+
breadcrumbs: () => [],
12+
},
13+
);
1114
</script>
1215

1316
<template>
1417
<header
15-
class="flex h-16 shrink-0 items-center gap-2 border-b border-sidebar-border/70 px-6 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12 md:px-4"
18+
class="border-sidebar-border/70 flex h-16 shrink-0 items-center gap-2 border-b px-6 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12 md:px-4"
1619
>
1720
<div class="flex items-center gap-2">
1821
<SidebarTrigger class="-ml-1" />

0 commit comments

Comments
 (0)