From 257a9a26cf6975d9e18e81488d947a34e3b9611c Mon Sep 17 00:00:00 2001 From: Tony Lea Date: Sat, 22 Feb 2025 14:36:42 -0500 Subject: [PATCH 01/14] Adding UI updates to vue starter kit --- .../Auth/PasswordResetLinkController.php | 2 +- resources/css/app.css | 7 +++- resources/js/components/AppHeader.vue | 20 +++++----- resources/js/components/AppLogo.vue | 9 ++--- resources/js/components/AppLogoIcon.vue | 7 ++-- resources/js/components/AppSidebar.vue | 20 +++------- resources/js/components/AppSidebarHeader.vue | 2 +- resources/js/components/DeleteUser.vue | 11 +++--- resources/js/components/Heading.vue | 6 +-- resources/js/components/HeadingSmall.vue | 2 +- .../js/components/PlaceholderPattern.vue | 17 +++++++++ resources/js/components/TextLink.vue | 2 +- resources/js/components/UserInfo.vue | 14 ++++--- resources/js/components/UserMenuContent.vue | 2 +- .../js/components/ui/checkbox/Checkbox.vue | 4 +- resources/js/layouts/auth/AuthCardLayout.vue | 5 +++ .../js/layouts/auth/AuthSimpleLayout.vue | 12 +++--- resources/js/layouts/auth/AuthSplitLayout.vue | 11 ++++-- resources/js/layouts/settings/Layout.vue | 4 +- resources/js/pages/Dashboard.vue | 37 +++---------------- resources/js/pages/Welcome.vue | 4 +- resources/js/pages/auth/ConfirmPassword.vue | 6 ++- resources/js/pages/auth/ForgotPassword.vue | 16 ++++---- resources/js/pages/auth/Login.vue | 16 ++++---- resources/js/pages/auth/Register.vue | 15 ++++---- resources/js/pages/auth/ResetPassword.vue | 14 ++++--- resources/js/pages/auth/VerifyEmail.vue | 34 ++++++++--------- resources/js/pages/settings/Password.vue | 9 +++-- resources/js/pages/settings/Profile.vue | 18 ++++----- resources/views/app.blade.php | 4 +- 30 files changed, 169 insertions(+), 161 deletions(-) create mode 100644 resources/js/components/PlaceholderPattern.vue diff --git a/app/Http/Controllers/Auth/PasswordResetLinkController.php b/app/Http/Controllers/Auth/PasswordResetLinkController.php index 33a1eb18..a2b6e381 100644 --- a/app/Http/Controllers/Auth/PasswordResetLinkController.php +++ b/app/Http/Controllers/Auth/PasswordResetLinkController.php @@ -36,6 +36,6 @@ public function store(Request $request): RedirectResponse $request->only('email') ); - return back()->with('status', __('If an account exists with that email, you’ll receive a reset link shortly.')); + return back()->with('status', __('A reset link will be sent if the account exists.')); } } diff --git a/resources/css/app.css b/resources/css/app.css index 63fb2f88..a7ded601 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -2,6 +2,11 @@ @tailwind components; @tailwind utilities; +body, +html { + --font-sans: 'Inter var', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; +} + @layer base { :root { --background: 0 0% 100%; @@ -83,4 +88,4 @@ body { @apply bg-background text-foreground; } -} +} \ No newline at end of file diff --git a/resources/js/components/AppHeader.vue b/resources/js/components/AppHeader.vue index 270ae902..4459a8e3 100644 --- a/resources/js/components/AppHeader.vue +++ b/resources/js/components/AppHeader.vue @@ -17,7 +17,7 @@ import UserMenuContent from '@/components/UserMenuContent.vue'; import { getInitials } from '@/composables/useInitials'; import type { BreadcrumbItem, NavItem } from '@/types'; import { Link, usePage } from '@inertiajs/vue3'; -import { BookOpenText, ChevronDown, FolderGit2, LayoutGrid, Menu, Search } from 'lucide-vue-next'; +import { BookOpen, Folder, ChevronDown, LayoutGrid, Menu, Search } from 'lucide-vue-next'; import { computed } from 'vue'; interface Props { @@ -36,7 +36,7 @@ const isCurrentRoute = (url: string) => { }; const activeItemStyles = computed( - () => (url: string) => (isCurrentRoute(url) ? 'bg-neutral-100 text-neutral-900 dark:bg-neutral-800 dark:text-neutral-100' : ''), + () => (url: string) => (isCurrentRoute(url) ? 'text-neutral-900 dark:bg-neutral-800 dark:text-neutral-100' : ''), ); const mainNavItems: NavItem[] = [ @@ -51,12 +51,12 @@ const rightNavItems: NavItem[] = [ { title: 'Repository', url: 'https://github.com/laravel/vue-starter-kit', - icon: FolderGit2, + icon: Folder, }, { title: 'Documentation', url: 'https://laravel.com/docs/starter-kits', - icon: BookOpenText, + icon: BookOpen, }, ]; @@ -134,8 +134,8 @@ const rightNavItems: NavItem[] = [
-