Skip to content

Commit 25e7223

Browse files
joaopmsjoaopms
committed
Add the UI to schedule appointments
1 parent 0033e5d commit 25e7223

File tree

12 files changed

+2740
-414
lines changed

12 files changed

+2740
-414
lines changed

‎.gitignore‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,8 @@ yarn-error.log
2222
/.nova
2323
/.vscode
2424
/.zed
25+
auto-imports.d.ts
26+
components.d.ts
2527

2628
/.dev-shell
2729

‎.idea/codeStyles/Project.xml‎

Lines changed: 0 additions & 5 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎app/Http/Middleware/HandleInertiaRequests.php‎

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@
22

33
namespace App\Http\Middleware;
44

5-
use Illuminate\Foundation\Inspiring;
65
use Illuminate\Http\Request;
76
use Inertia\Middleware;
87
use Tighten\Ziggy\Ziggy;
@@ -37,12 +36,9 @@ public function version(Request $request): ?string
3736
*/
3837
public function share(Request $request): array
3938
{
40-
[$message, $author] = str(Inspiring::quotes()->random())->explode('-');
41-
4239
return [
4340
...parent::share($request),
4441
'name' => config('app.name'),
45-
'quote' => ['message' => trim($message), 'author' => trim($author)],
4642
'auth' => [
4743
'user' => $request->user(),
4844
],

‎config/app.php‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@
6565
|
6666
*/
6767

68-
'timezone' => 'UTC',
68+
'timezone' => 'Europe/Lisbon',
6969

7070
/*
7171
|--------------------------------------------------------------------------

‎package-lock.json‎

Lines changed: 2442 additions & 254 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,7 @@
2424
},
2525
"dependencies": {
2626
"@inertiajs/vue3": "^2.0.0",
27+
"@nuxt/ui": "^3.1.1",
2728
"@tailwindcss/vite": "^4.1.1",
2829
"@vitejs/plugin-vue": "^5.2.1",
2930
"@vueuse/core": "^12.8.2",

‎resources/css/app.css‎

Lines changed: 131 additions & 126 deletions
Original file line numberDiff line numberDiff line change
@@ -2,62 +2,63 @@
22

33
@import "tw-animate-css";
44

5+
@import "@nuxt/ui";
6+
57
@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
68
@source '../../storage/framework/views/*.php';
79

810
@custom-variant dark (&:is(.dark *));
911

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

15-
--radius-lg: var(--radius);
16-
--radius-md: calc(var(--radius) - 2px);
17-
--radius-sm: calc(var(--radius) - 4px);
16+
--radius-lg: var(--radius);
17+
--radius-md: calc(var(--radius) - 2px);
18+
--radius-sm: calc(var(--radius) - 4px);
1819

19-
--color-background: var(--background);
20-
--color-foreground: var(--foreground);
20+
--color-background: var(--background);
21+
--color-foreground: var(--foreground);
2122

22-
--color-card: var(--card);
23-
--color-card-foreground: var(--card-foreground);
23+
--color-card: var(--card);
24+
--color-card-foreground: var(--card-foreground);
2425

25-
--color-popover: var(--popover);
26-
--color-popover-foreground: var(--popover-foreground);
26+
--color-popover: var(--popover);
27+
--color-popover-foreground: var(--popover-foreground);
2728

28-
--color-primary: var(--primary);
29-
--color-primary-foreground: var(--primary-foreground);
29+
--color-primary: var(--primary);
30+
--color-primary-foreground: var(--primary-foreground);
3031

31-
--color-secondary: var(--secondary);
32-
--color-secondary-foreground: var(--secondary-foreground);
32+
--color-secondary: var(--secondary);
33+
--color-secondary-foreground: var(--secondary-foreground);
3334

34-
--color-muted: var(--muted);
35-
--color-muted-foreground: var(--muted-foreground);
35+
--color-muted: var(--muted);
36+
--color-muted-foreground: var(--muted-foreground);
3637

37-
--color-accent: var(--accent);
38-
--color-accent-foreground: var(--accent-foreground);
38+
--color-accent: var(--accent);
39+
--color-accent-foreground: var(--accent-foreground);
3940

40-
--color-destructive: var(--destructive);
41-
--color-destructive-foreground: var(--destructive-foreground);
41+
--color-destructive: var(--destructive);
42+
--color-destructive-foreground: var(--destructive-foreground);
4243

43-
--color-border: var(--border);
44-
--color-input: var(--input);
45-
--color-ring: var(--ring);
44+
--color-border: var(--border);
45+
--color-input: var(--input);
46+
--color-ring: var(--ring);
4647

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);
48+
--color-chart-1: var(--chart-1);
49+
--color-chart-2: var(--chart-2);
50+
--color-chart-3: var(--chart-3);
51+
--color-chart-4: var(--chart-4);
52+
--color-chart-5: var(--chart-5);
5253

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);
54+
--color-sidebar: var(--sidebar-background);
55+
--color-sidebar-foreground: var(--sidebar-foreground);
56+
--color-sidebar-primary: var(--sidebar-primary);
57+
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
58+
--color-sidebar-accent: var(--sidebar-accent);
59+
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
60+
--color-sidebar-border: var(--sidebar-border);
61+
--color-sidebar-ring: var(--sidebar-ring);
6162
}
6263

6364
/*
@@ -69,98 +70,95 @@
6970
color utility to any element that depends on these defaults.
7071
*/
7172
@layer base {
72-
*,
73-
::after,
74-
::before,
75-
::backdrop,
76-
::file-selector-button {
77-
border-color: var(--color-gray-200, currentColor);
78-
}
73+
*,
74+
::after,
75+
::before,
76+
::backdrop,
77+
::file-selector-button {
78+
border-color: var(--color-gray-200, currentColor);
79+
}
7980
}
8081

8182
@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-
}
83+
body,
84+
html {
85+
--font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif,
86+
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
87+
'Noto Color Emoji';
88+
}
8989
}
9090

9191
: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%);
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: hsl(0 0% 98%);
127126
}
128127

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

166164
@layer base {
@@ -178,10 +176,17 @@
178176
*/
179177

180178
@layer base {
181-
* {
182-
@apply border-border outline-ring/50;
183-
}
184-
body {
185-
@apply bg-background text-foreground;
186-
}
179+
* {
180+
@apply border-border outline-ring/50;
181+
}
182+
183+
body {
184+
@apply bg-background text-foreground;
185+
}
186+
}
187+
188+
html,
189+
body,
190+
#app {
191+
min-height: 100%;
187192
}

‎resources/js/app.ts‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';
55
import type { DefineComponent } from 'vue';
66
import { createApp, h } from 'vue';
77
import { ZiggyVue } from 'ziggy-js';
8+
import ui from "@nuxt/ui/vue-plugin"
89
import { initializeTheme } from './composables/useAppearance';
910

1011
// Extend ImportMeta interface for Vite...
@@ -29,6 +30,7 @@ createInertiaApp({
2930
createApp({ render: () => h(App, props) })
3031
.use(plugin)
3132
.use(ZiggyVue)
33+
.use(ui)
3234
.mount(el);
3335
},
3436
progress: {

0 commit comments

Comments
 (0)