From dadb45186f8593e9761e3b3d0ec550913ff60048 Mon Sep 17 00:00:00 2001 From: Seb Kay Date: Thu, 6 Feb 2025 21:10:07 +0000 Subject: [PATCH 01/12] Update vite.config.js --- resources/css/app.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/resources/css/app.css b/resources/css/app.css index 147f392..dc4563d 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -2,10 +2,10 @@ @import "tailwindcss/components"; @import "tailwindcss/utilities"; -@import "@css/typography.css"; -@import "@css/forms.css"; -@import "@css/buttons.css"; -@import "@css/content.css"; +@import "./typography.css"; +@import "./forms.css"; +@import "./buttons.css"; +@import "./content.css"; #app { @apply h-full; From 8b4154c821a622fd30dedbc3f1fdf326d482bacc Mon Sep 17 00:00:00 2001 From: Seb Kay Date: Thu, 6 Feb 2025 21:11:18 +0000 Subject: [PATCH 02/12] Vite --- bun.lockb | Bin 123874 -> 136227 bytes package.json | 1 + vite.config.js | 13 +++---------- 3 files changed, 4 insertions(+), 10 deletions(-) diff --git a/bun.lockb b/bun.lockb index 0e0644c443333f460f6a3d2f244b836b89d186d4..f9f6999abbbd40b3f6b6fa6bdc9a9ec2f8b04ced 100755 GIT binary patch delta 25970 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 LZp}Tz2G#mMGP+M% delta 18358 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 Tn^?AgE&F<4*> Date: Thu, 6 Feb 2025 21:11:47 +0000 Subject: [PATCH 03/12] Run auto upgrade --- bun.lockb | Bin 136227 -> 135857 bytes package.json | 2 +- resources/css/app.css | 62 +++++++++-- resources/css/buttons.css | 18 ++- resources/css/content.css | 172 ++++++++++++++--------------- resources/css/forms.css | 98 ++++++++-------- resources/css/typography.css | 42 ++++--- resources/js/Components/Header.vue | 2 +- resources/js/Components/Notice.vue | 2 +- resources/js/Pages/Login/Show.vue | 2 +- tailwind.config.js | 49 -------- 11 files changed, 219 insertions(+), 230 deletions(-) delete mode 100644 tailwind.config.js diff --git a/bun.lockb b/bun.lockb index f9f6999abbbd40b3f6b6fa6bdc9a9ec2f8b04ced..a8b8f110f4beb5e13ba202bcf9a061082137c319 100755 GIT binary patch delta 16486 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%0D1y_fZjj^&`XzNU>5~B60ia}oY4P?Og8Qd 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 RYbiA!i;hLrO!6$({{r3=n&toi diff --git a/package.json b/package.json index a2ae8fc..57a5b23 100644 --- a/package.json +++ b/package.json @@ -12,7 +12,7 @@ "postcss": "^8.5.1", "postcss-import": "^16.1.0", "postcss-nested": "^7.0.2", - "tailwindcss": "^3.4.17", + "tailwindcss": "^4.0.0", "vite": "^6.1.0", "vue": "^3.5.13" }, diff --git a/resources/css/app.css b/resources/css/app.css index dc4563d..893790b 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -1,11 +1,57 @@ -@import "tailwindcss/base"; -@import "tailwindcss/components"; -@import "tailwindcss/utilities"; - -@import "./typography.css"; -@import "./forms.css"; -@import "./buttons.css"; -@import "./content.css"; +@import 'tailwindcss'; + +@import './typography.css'; +@import './forms.css'; +@import './buttons.css'; +@import './content.css'; + +@plugin '@tailwindcss/forms'; +@plugin '@tailwindcss/typography'; + +@theme { + --font-*: initial; + --font-text: Arial, sans-serif; + --font-heading: Arial, sans-serif; + + --breakpoint-xs: 321px; + --breakpoint-sm: 451px; + --breakpoint-md: 671px; + --breakpoint-lg: 769px; + --breakpoint-xl: 1025px; + --breakpoint-2xl: 1281px; + --breakpoint-3xl: 1441px; + --breakpoint-4xl: 1901px; + + --color-brand-50: #f3f6fb; + --color-brand-100: #e5e9f4; + --color-brand-200: #d0d9ed; + --color-brand-300: #b0c0e0; + --color-brand-400: #8a9fd0; + --color-brand-500: #6a7fc1; + --color-brand-600: #5b6bb5; + --color-brand-700: #505aa5; + --color-brand-800: #464c87; + --color-brand-900: #3c416c; + --color-brand-950: #282a43; +} + +/* + The default border color has changed to `currentColor` in Tailwind CSS v4, + so we've added these compatibility styles to make sure everything still + looks the same as it did with Tailwind CSS v3. + + If we ever want to remove these styles, we need to add an explicit border + color utility to any element that depends on these defaults. +*/ +@layer base { + *, + ::after, + ::before, + ::backdrop, + ::file-selector-button { + border-color: var(--color-gray-200, currentColor); + } +} #app { @apply h-full; diff --git a/resources/css/buttons.css b/resources/css/buttons.css index d089010..926f0e6 100644 --- a/resources/css/buttons.css +++ b/resources/css/buttons.css @@ -1,13 +1,11 @@ -@layer components { - .button { - @apply rounded-md bg-brand-800 px-6 py-3 text-sm font-semibold text-white inline-flex shadow-sm hover:bg-brand-600 transition-all ease-in-out duration-200; - } +@utility button { + @apply rounded-md bg-brand-800 px-6 py-3 text-sm font-semibold text-white inline-flex shadow-xs hover:bg-brand-600 transition-all ease-in-out duration-200; - .button-full { - @apply w-full text-center justify-center; - } + &[disabled] { + @apply pointer-events-none opacity-50; + } +} - .button[disabled] { - @apply pointer-events-none opacity-50; - } +@utility button-full { + @apply w-full text-center justify-center; } diff --git a/resources/css/content.css b/resources/css/content.css index 42997c1..f7fd1ba 100644 --- a/resources/css/content.css +++ b/resources/css/content.css @@ -1,89 +1,87 @@ -@layer components { - .content { - @apply prose text-neutral-700; - - h1, - h2, - h3, - h4, - h5, - h6 { - @apply font-heading font-bold text-neutral-900; - } - - h1 { - @apply text-4xl md:text-5xl; - } - - h2 { - @apply text-3xl; - } - - h3 { - @apply text-2xl; - } - - h4 { - @apply text-xl; - } - - h5 { - @apply text-lg; - } - - h6 { - @apply text-base; - } - - li { - @apply ml-8; - } - - a { - @apply hover:underline; - } - - ul li { - @apply list-disc; - } - - ol li { - @apply list-decimal; - } - - strong { - @apply font-bold; - } - - blockquote { - @apply pl-4 py-3 my-4 border-s-4 border-gray-300 text-xl italic; - } - - table { - @apply w-full text-sm text-left; - } - - th { - @apply p-4 font-bold bg-brand-200; - } - - td { - @apply p-4 font-medium; - } - - tr:not(:last-child) td { - @apply border-b border-brand-200; - } - - * { - & + h1, - & + h2, - & + h3, - & + h4, - & + h5, - & + h6 { - @apply mt-8; - } - } +@utility content { + @apply prose text-neutral-700; + + h1, + h2, + h3, + h4, + h5, + h6 { + @apply font-heading font-bold text-neutral-900; + } + + h1 { + @apply text-4xl md:text-5xl; + } + + h2 { + @apply text-3xl; + } + + h3 { + @apply text-2xl; + } + + h4 { + @apply text-xl; + } + + h5 { + @apply text-lg; + } + + h6 { + @apply text-base; + } + + li { + @apply ml-8; + } + + a { + @apply hover:underline; + } + + ul li { + @apply list-disc; + } + + ol li { + @apply list-decimal; + } + + strong { + @apply font-bold; + } + + blockquote { + @apply pl-4 py-3 my-4 border-s-4 border-gray-300 text-xl italic; + } + + table { + @apply w-full text-sm text-left; + } + + th { + @apply p-4 font-bold bg-brand-200; + } + + td { + @apply p-4 font-medium; + } + + tr:not(:last-child) td { + @apply border-b border-brand-200; + } + + * { + & + h1, + & + h2, + & + h3, + & + h4, + & + h5, + & + h6 { + @apply mt-8; } + } } diff --git a/resources/css/forms.css b/resources/css/forms.css index 7cd9371..ab0da56 100644 --- a/resources/css/forms.css +++ b/resources/css/forms.css @@ -1,64 +1,62 @@ -@layer components { - .form-row { - @apply grid grid-cols-1 gap-5 sm:gap-7 sm:grid-cols-4; - } +@utility form-row { + @apply grid grid-cols-1 gap-5 sm:gap-7 sm:grid-cols-4; +} - .form-col { - @apply col-span-full; - } +@utility form-col { + @apply col-span-full; +} - .form-col-2 { - @apply col-span-2; - } +@utility form-col-2 { + @apply col-span-2; +} - label { - &[for] { - @apply cursor-pointer; - } - } +@utility label { + @apply pb-3 block text-sm sm:text-base font-medium; +} - .label { - @apply pb-3 block text-sm sm:text-base font-medium; - } +@utility small-label { + @apply block text-sm font-medium; +} - .small-label { - @apply block text-sm font-medium; - } +@utility inline-label { + @apply flex items-center gap-x-2; +} - .inline-label { - @apply flex items-center gap-x-2; - } +@utility input { + @apply block rounded-md border-brand-300 shadow-xs hover:ring-3 hover:ring-brand-200 hover:ring-opacity-50 focus:border-brand-300 focus:ring-3 focus:ring-brand-200 focus:ring-opacity-50 focus:ring-offset-0 transition ease-in-out duration-200; + @apply block text-base w-full; +} - .input, - .textarea, - .select, - .checkbox, - .radio { - @apply block rounded-md border-brand-300 shadow-sm hover:ring hover:ring-brand-200 hover:ring-opacity-50 focus:border-brand-300 focus:ring focus:ring-brand-200 focus:ring-opacity-50 focus:ring-offset-0 transition ease-in-out duration-200; - } +@utility textarea { + @apply block rounded-md border-brand-300 shadow-xs hover:ring-3 hover:ring-brand-200 hover:ring-opacity-50 focus:border-brand-300 focus:ring-3 focus:ring-brand-200 focus:ring-opacity-50 focus:ring-offset-0 transition ease-in-out duration-200; + @apply block text-base w-full; + @apply min-h-32; +} - .input, - .textarea, - .select { - @apply block text-base w-full; - } +@utility select { + @apply block rounded-md border-brand-300 shadow-xs hover:ring-3 hover:ring-brand-200 hover:ring-opacity-50 focus:border-brand-300 focus:ring-3 focus:ring-brand-200 focus:ring-opacity-50 focus:ring-offset-0 transition ease-in-out duration-200; + @apply block text-base w-full; + @apply cursor-pointer; +} - .textarea { - @apply min-h-32; - } +@utility checkbox { + @apply block rounded-md border-brand-300 shadow-xs hover:ring-3 hover:ring-brand-200 hover:ring-opacity-50 focus:border-brand-300 focus:ring-3 focus:ring-brand-200 focus:ring-opacity-50 focus:ring-offset-0 transition ease-in-out duration-200; + @apply cursor-pointer; + @apply size-5 text-brand-800; +} - .select, - .checkbox, - .radio { - @apply cursor-pointer; - } +@utility radio { + @apply block rounded-md border-brand-300 shadow-xs hover:ring-3 hover:ring-brand-200 hover:ring-opacity-50 focus:border-brand-300 focus:ring-3 focus:ring-brand-200 focus:ring-opacity-50 focus:ring-offset-0 transition ease-in-out duration-200; + @apply cursor-pointer; + @apply size-5 text-brand-800; + @apply rounded-full; +} - .checkbox, - .radio { - @apply size-5 text-brand-800; - } +@layer components { - .radio { - @apply rounded-full; + label { + &[for] { + @apply cursor-pointer; + } } } diff --git a/resources/css/typography.css b/resources/css/typography.css index a497c21..7ef8f9c 100644 --- a/resources/css/typography.css +++ b/resources/css/typography.css @@ -1,29 +1,27 @@ -@layer components { - .heading { - @apply text-neutral-900 font-semibold leading-none; - } +@utility heading { + @apply text-neutral-900 font-semibold leading-none; +} - .h1 { - @apply text-4xl sm:text-5xl xl:text-6xl; - } +@utility h1 { + @apply text-4xl sm:text-5xl xl:text-6xl; +} - .h2 { - @apply text-3xl sm:text-4xl xl:text-5xl; - } +@utility h2 { + @apply text-3xl sm:text-4xl xl:text-5xl; +} - .h3 { - @apply text-xl sm:text-2xl xl:text-3xl; - } +@utility h3 { + @apply text-xl sm:text-2xl xl:text-3xl; +} - .h4 { - @apply text-lg sm:text-xl xl:text-2xl; - } +@utility h4 { + @apply text-lg sm:text-xl xl:text-2xl; +} - .h5 { - @apply text-base sm:text-lg xl:text-xl; - } +@utility h5 { + @apply text-base sm:text-lg xl:text-xl; +} - .h6 { - @apply text-sm sm:text-base xl:text-lg; - } +@utility h6 { + @apply text-sm sm:text-base xl:text-lg; } diff --git a/resources/js/Components/Header.vue b/resources/js/Components/Header.vue index 694fe59..5472042 100644 --- a/resources/js/Components/Header.vue +++ b/resources/js/Components/Header.vue @@ -5,7 +5,7 @@
- +
diff --git a/resources/js/Components/Notice.vue b/resources/js/Components/Notice.vue index 28b4f56..5e7295d 100644 --- a/resources/js/Components/Notice.vue +++ b/resources/js/Components/Notice.vue @@ -12,7 +12,7 @@

diff --git a/resources/js/Pages/Login/Show.vue b/resources/js/Pages/Login/Show.vue index cf7184c..98f5b48 100644 --- a/resources/js/Pages/Login/Show.vue +++ b/resources/js/Pages/Login/Show.vue @@ -56,7 +56,7 @@ v-model="loginForm.remember" />
+ class="relative w-9 h-5 bg-neutral-200 peer-focus:outline-hidden rounded-full peer peer-checked:after:translate-x-full peer-checked:rtl:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-neutral-300 after:border after:rounded-full after:size-4 after:transition-all peer-checked:bg-brand-600">
Remember me diff --git a/tailwind.config.js b/tailwind.config.js deleted file mode 100644 index 4aaef43..0000000 --- a/tailwind.config.js +++ /dev/null @@ -1,49 +0,0 @@ -/** @type {import('tailwindcss').Config} */ -module.exports = { - content: [ - "./resources/**/*.blade.php", - "./resources/**/*.js", - "./resources/**/*.vue", - ], - - theme: { - fontFamily: { - 'text': ['Arial', 'sans-serif'], - 'heading': ['Arial', 'sans-serif'], - }, - - extend: { - screens: { - 'xs': '321px', - 'sm': '451px', - 'md': '671px', - 'lg': '769px', - 'xl': '1025px', - '2xl': '1281px', - '3xl': '1441px', - '4xl': '1901px', - }, - - colors: { - 'brand': { - '50': '#f3f6fb', - '100': '#e5e9f4', - '200': '#d0d9ed', - '300': '#b0c0e0', - '400': '#8a9fd0', - '500': '#6a7fc1', - '600': '#5b6bb5', - '700': '#505aa5', - '800': '#464c87', - '900': '#3c416c', - '950': '#282a43', - }, - }, - }, - }, - - plugins: [ - require('@tailwindcss/forms'), - require('@tailwindcss/typography'), - ], -} From 2554e044b26fcb8630a39dab7e5f3446e0da9b64 Mon Sep 17 00:00:00 2001 From: Seb Kay Date: Thu, 6 Feb 2025 21:13:17 +0000 Subject: [PATCH 04/12] Use new opacity --- resources/css/forms.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/resources/css/forms.css b/resources/css/forms.css index ab0da56..7cfc013 100644 --- a/resources/css/forms.css +++ b/resources/css/forms.css @@ -23,30 +23,30 @@ } @utility input { - @apply block rounded-md border-brand-300 shadow-xs hover:ring-3 hover:ring-brand-200 hover:ring-opacity-50 focus:border-brand-300 focus:ring-3 focus:ring-brand-200 focus:ring-opacity-50 focus:ring-offset-0 transition ease-in-out duration-200; + @apply block rounded-md border-brand-300 shadow-xs hover:ring-3 hover:ring-brand-200/50 focus:border-brand-300 focus:ring-3 focus:ring-brand-200/50 focus:ring-offset-0 transition ease-in-out duration-200; @apply block text-base w-full; } @utility textarea { - @apply block rounded-md border-brand-300 shadow-xs hover:ring-3 hover:ring-brand-200 hover:ring-opacity-50 focus:border-brand-300 focus:ring-3 focus:ring-brand-200 focus:ring-opacity-50 focus:ring-offset-0 transition ease-in-out duration-200; + @apply block rounded-md border-brand-300 shadow-xs hover:ring-3 hover:ring-brand-200/50 focus:border-brand-300 focus:ring-3 focus:ring-brand-200/50 focus:ring-offset-0 transition ease-in-out duration-200; @apply block text-base w-full; @apply min-h-32; } @utility select { - @apply block rounded-md border-brand-300 shadow-xs hover:ring-3 hover:ring-brand-200 hover:ring-opacity-50 focus:border-brand-300 focus:ring-3 focus:ring-brand-200 focus:ring-opacity-50 focus:ring-offset-0 transition ease-in-out duration-200; + @apply block rounded-md border-brand-300 shadow-xs hover:ring-3 hover:ring-brand-200/50 focus:border-brand-300 focus:ring-3 focus:ring-brand-200/50 focus:ring-offset-0 transition ease-in-out duration-200; @apply block text-base w-full; @apply cursor-pointer; } @utility checkbox { - @apply block rounded-md border-brand-300 shadow-xs hover:ring-3 hover:ring-brand-200 hover:ring-opacity-50 focus:border-brand-300 focus:ring-3 focus:ring-brand-200 focus:ring-opacity-50 focus:ring-offset-0 transition ease-in-out duration-200; + @apply block rounded-md border-brand-300 shadow-xs hover:ring-3 hover:ring-brand-200/50 focus:border-brand-300 focus:ring-3 focus:ring-brand-200/50 focus:ring-offset-0 transition ease-in-out duration-200; @apply cursor-pointer; @apply size-5 text-brand-800; } @utility radio { - @apply block rounded-md border-brand-300 shadow-xs hover:ring-3 hover:ring-brand-200 hover:ring-opacity-50 focus:border-brand-300 focus:ring-3 focus:ring-brand-200 focus:ring-opacity-50 focus:ring-offset-0 transition ease-in-out duration-200; + @apply block rounded-md border-brand-300 shadow-xs hover:ring-3 hover:ring-brand-200/50 focus:border-brand-300 focus:ring-3 focus:ring-brand-200/50 focus:ring-offset-0 transition ease-in-out duration-200; @apply cursor-pointer; @apply size-5 text-brand-800; @apply rounded-full; From d65228ac173674a767ca612df3b73041c0b77936 Mon Sep 17 00:00:00 2001 From: Seb Kay Date: Thu, 6 Feb 2025 21:19:59 +0000 Subject: [PATCH 05/12] Update app.css --- resources/css/app.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/resources/css/app.css b/resources/css/app.css index 893790b..aca056a 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -1,3 +1,6 @@ +@source "../../resources/js/"; +@source "../../resources/views/"; + @import 'tailwindcss'; @import './typography.css'; From 316d8c809a789a88f3dc5064497c1a2f90a41d3d Mon Sep 17 00:00:00 2001 From: Seb Kay Date: Thu, 6 Feb 2025 21:21:16 +0000 Subject: [PATCH 06/12] Update app.css --- resources/css/app.css | 18 ------------------ 1 file changed, 18 deletions(-) diff --git a/resources/css/app.css b/resources/css/app.css index aca056a..a92c759 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -38,24 +38,6 @@ --color-brand-950: #282a43; } -/* - The default border color has changed to `currentColor` in Tailwind CSS v4, - so we've added these compatibility styles to make sure everything still - looks the same as it did with Tailwind CSS v3. - - If we ever want to remove these styles, we need to add an explicit border - color utility to any element that depends on these defaults. -*/ -@layer base { - *, - ::after, - ::before, - ::backdrop, - ::file-selector-button { - border-color: var(--color-gray-200, currentColor); - } -} - #app { @apply h-full; } From a4f38933a5d0f174dde4f8c8e2f2f5294c4d1fda Mon Sep 17 00:00:00 2001 From: Seb Kay Date: Thu, 6 Feb 2025 21:21:47 +0000 Subject: [PATCH 07/12] Update buttons.css --- resources/css/buttons.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/resources/css/buttons.css b/resources/css/buttons.css index 926f0e6..2a0d540 100644 --- a/resources/css/buttons.css +++ b/resources/css/buttons.css @@ -1,5 +1,5 @@ @utility button { - @apply rounded-md bg-brand-800 px-6 py-3 text-sm font-semibold text-white inline-flex shadow-xs hover:bg-brand-600 transition-all ease-in-out duration-200; + @apply cursor-pointer rounded-md bg-brand-800 px-6 py-3 text-sm font-semibold text-white inline-flex shadow-xs hover:bg-brand-600 transition-all ease-in-out duration-200; &[disabled] { @apply pointer-events-none opacity-50; From 57c72cb996ec81308b3b8e8dee3c2dd2f9a9cc9d Mon Sep 17 00:00:00 2001 From: Seb Kay Date: Thu, 6 Feb 2025 21:22:45 +0000 Subject: [PATCH 08/12] Reformat --- resources/css/app.css | 54 +++++------ resources/css/buttons.css | 10 +-- resources/css/content.css | 170 +++++++++++++++++------------------ resources/css/forms.css | 43 +++++---- resources/css/typography.css | 14 +-- 5 files changed, 145 insertions(+), 146 deletions(-) diff --git a/resources/css/app.css b/resources/css/app.css index a92c759..f910cce 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -1,41 +1,41 @@ @source "../../resources/js/"; @source "../../resources/views/"; -@import 'tailwindcss'; +@import "tailwindcss"; -@import './typography.css'; -@import './forms.css'; -@import './buttons.css'; -@import './content.css'; +@import "./typography.css"; +@import "./forms.css"; +@import "./buttons.css"; +@import "./content.css"; @plugin '@tailwindcss/forms'; @plugin '@tailwindcss/typography'; @theme { - --font-*: initial; - --font-text: Arial, sans-serif; - --font-heading: Arial, sans-serif; + --font-*: initial; + --font-text: Arial, sans-serif; + --font-heading: Arial, sans-serif; - --breakpoint-xs: 321px; - --breakpoint-sm: 451px; - --breakpoint-md: 671px; - --breakpoint-lg: 769px; - --breakpoint-xl: 1025px; - --breakpoint-2xl: 1281px; - --breakpoint-3xl: 1441px; - --breakpoint-4xl: 1901px; + --breakpoint-xs: 321px; + --breakpoint-sm: 451px; + --breakpoint-md: 671px; + --breakpoint-lg: 769px; + --breakpoint-xl: 1025px; + --breakpoint-2xl: 1281px; + --breakpoint-3xl: 1441px; + --breakpoint-4xl: 1901px; - --color-brand-50: #f3f6fb; - --color-brand-100: #e5e9f4; - --color-brand-200: #d0d9ed; - --color-brand-300: #b0c0e0; - --color-brand-400: #8a9fd0; - --color-brand-500: #6a7fc1; - --color-brand-600: #5b6bb5; - --color-brand-700: #505aa5; - --color-brand-800: #464c87; - --color-brand-900: #3c416c; - --color-brand-950: #282a43; + --color-brand-50: #f3f6fb; + --color-brand-100: #e5e9f4; + --color-brand-200: #d0d9ed; + --color-brand-300: #b0c0e0; + --color-brand-400: #8a9fd0; + --color-brand-500: #6a7fc1; + --color-brand-600: #5b6bb5; + --color-brand-700: #505aa5; + --color-brand-800: #464c87; + --color-brand-900: #3c416c; + --color-brand-950: #282a43; } #app { diff --git a/resources/css/buttons.css b/resources/css/buttons.css index 2a0d540..6378c3c 100644 --- a/resources/css/buttons.css +++ b/resources/css/buttons.css @@ -1,11 +1,11 @@ @utility button { - @apply cursor-pointer rounded-md bg-brand-800 px-6 py-3 text-sm font-semibold text-white inline-flex shadow-xs hover:bg-brand-600 transition-all ease-in-out duration-200; + @apply cursor-pointer rounded-md bg-brand-800 px-6 py-3 text-sm font-semibold text-white inline-flex shadow-xs hover:bg-brand-600 transition-all ease-in-out duration-200; - &[disabled] { - @apply pointer-events-none opacity-50; - } + &[disabled] { + @apply pointer-events-none opacity-50; + } } @utility button-full { - @apply w-full text-center justify-center; + @apply w-full text-center justify-center; } diff --git a/resources/css/content.css b/resources/css/content.css index f7fd1ba..63c81cb 100644 --- a/resources/css/content.css +++ b/resources/css/content.css @@ -1,87 +1,87 @@ @utility content { - @apply prose text-neutral-700; - - h1, - h2, - h3, - h4, - h5, - h6 { - @apply font-heading font-bold text-neutral-900; - } - - h1 { - @apply text-4xl md:text-5xl; - } - - h2 { - @apply text-3xl; - } - - h3 { - @apply text-2xl; - } - - h4 { - @apply text-xl; - } - - h5 { - @apply text-lg; - } - - h6 { - @apply text-base; - } - - li { - @apply ml-8; - } - - a { - @apply hover:underline; - } - - ul li { - @apply list-disc; - } - - ol li { - @apply list-decimal; - } - - strong { - @apply font-bold; - } - - blockquote { - @apply pl-4 py-3 my-4 border-s-4 border-gray-300 text-xl italic; - } - - table { - @apply w-full text-sm text-left; - } - - th { - @apply p-4 font-bold bg-brand-200; - } - - td { - @apply p-4 font-medium; - } - - tr:not(:last-child) td { - @apply border-b border-brand-200; - } - - * { - & + h1, - & + h2, - & + h3, - & + h4, - & + h5, - & + h6 { - @apply mt-8; - } - } + @apply prose text-neutral-700; + + h1, + h2, + h3, + h4, + h5, + h6 { + @apply font-heading font-bold text-neutral-900; + } + + h1 { + @apply text-4xl md:text-5xl; + } + + h2 { + @apply text-3xl; + } + + h3 { + @apply text-2xl; + } + + h4 { + @apply text-xl; + } + + h5 { + @apply text-lg; + } + + h6 { + @apply text-base; + } + + li { + @apply ml-8; + } + + a { + @apply hover:underline; + } + + ul li { + @apply list-disc; + } + + ol li { + @apply list-decimal; + } + + strong { + @apply font-bold; + } + + blockquote { + @apply pl-4 py-3 my-4 border-s-4 border-gray-300 text-xl italic; + } + + table { + @apply w-full text-sm text-left; + } + + th { + @apply p-4 font-bold bg-brand-200; + } + + td { + @apply p-4 font-medium; + } + + tr:not(:last-child) td { + @apply border-b border-brand-200; + } + + * { + & + h1, + & + h2, + & + h3, + & + h4, + & + h5, + & + h6 { + @apply mt-8; + } + } } diff --git a/resources/css/forms.css b/resources/css/forms.css index 7cfc013..23f91b9 100644 --- a/resources/css/forms.css +++ b/resources/css/forms.css @@ -1,59 +1,58 @@ @utility form-row { - @apply grid grid-cols-1 gap-5 sm:gap-7 sm:grid-cols-4; + @apply grid grid-cols-1 gap-5 sm:gap-7 sm:grid-cols-4; } @utility form-col { - @apply col-span-full; + @apply col-span-full; } @utility form-col-2 { - @apply col-span-2; + @apply col-span-2; } @utility label { - @apply pb-3 block text-sm sm:text-base font-medium; + @apply pb-3 block text-sm sm:text-base font-medium; } @utility small-label { - @apply block text-sm font-medium; + @apply block text-sm font-medium; } @utility inline-label { - @apply flex items-center gap-x-2; + @apply flex items-center gap-x-2; } @utility input { - @apply block rounded-md border-brand-300 shadow-xs hover:ring-3 hover:ring-brand-200/50 focus:border-brand-300 focus:ring-3 focus:ring-brand-200/50 focus:ring-offset-0 transition ease-in-out duration-200; - @apply block text-base w-full; + @apply block rounded-md border-brand-300 shadow-xs hover:ring-3 hover:ring-brand-200/50 focus:border-brand-300 focus:ring-3 focus:ring-brand-200/50 focus:ring-offset-0 transition ease-in-out duration-200; + @apply block text-base w-full; } @utility textarea { - @apply block rounded-md border-brand-300 shadow-xs hover:ring-3 hover:ring-brand-200/50 focus:border-brand-300 focus:ring-3 focus:ring-brand-200/50 focus:ring-offset-0 transition ease-in-out duration-200; - @apply block text-base w-full; - @apply min-h-32; + @apply block rounded-md border-brand-300 shadow-xs hover:ring-3 hover:ring-brand-200/50 focus:border-brand-300 focus:ring-3 focus:ring-brand-200/50 focus:ring-offset-0 transition ease-in-out duration-200; + @apply block text-base w-full; + @apply min-h-32; } @utility select { - @apply block rounded-md border-brand-300 shadow-xs hover:ring-3 hover:ring-brand-200/50 focus:border-brand-300 focus:ring-3 focus:ring-brand-200/50 focus:ring-offset-0 transition ease-in-out duration-200; - @apply block text-base w-full; - @apply cursor-pointer; + @apply block rounded-md border-brand-300 shadow-xs hover:ring-3 hover:ring-brand-200/50 focus:border-brand-300 focus:ring-3 focus:ring-brand-200/50 focus:ring-offset-0 transition ease-in-out duration-200; + @apply block text-base w-full; + @apply cursor-pointer; } @utility checkbox { - @apply block rounded-md border-brand-300 shadow-xs hover:ring-3 hover:ring-brand-200/50 focus:border-brand-300 focus:ring-3 focus:ring-brand-200/50 focus:ring-offset-0 transition ease-in-out duration-200; - @apply cursor-pointer; - @apply size-5 text-brand-800; + @apply block rounded-md border-brand-300 shadow-xs hover:ring-3 hover:ring-brand-200/50 focus:border-brand-300 focus:ring-3 focus:ring-brand-200/50 focus:ring-offset-0 transition ease-in-out duration-200; + @apply cursor-pointer; + @apply size-5 text-brand-800; } @utility radio { - @apply block rounded-md border-brand-300 shadow-xs hover:ring-3 hover:ring-brand-200/50 focus:border-brand-300 focus:ring-3 focus:ring-brand-200/50 focus:ring-offset-0 transition ease-in-out duration-200; - @apply cursor-pointer; - @apply size-5 text-brand-800; - @apply rounded-full; + @apply block rounded-md border-brand-300 shadow-xs hover:ring-3 hover:ring-brand-200/50 focus:border-brand-300 focus:ring-3 focus:ring-brand-200/50 focus:ring-offset-0 transition ease-in-out duration-200; + @apply cursor-pointer; + @apply size-5 text-brand-800; + @apply rounded-full; } @layer components { - label { &[for] { @apply cursor-pointer; diff --git a/resources/css/typography.css b/resources/css/typography.css index 7ef8f9c..d2b2625 100644 --- a/resources/css/typography.css +++ b/resources/css/typography.css @@ -1,27 +1,27 @@ @utility heading { - @apply text-neutral-900 font-semibold leading-none; + @apply text-neutral-900 font-semibold leading-none; } @utility h1 { - @apply text-4xl sm:text-5xl xl:text-6xl; + @apply text-4xl sm:text-5xl xl:text-6xl; } @utility h2 { - @apply text-3xl sm:text-4xl xl:text-5xl; + @apply text-3xl sm:text-4xl xl:text-5xl; } @utility h3 { - @apply text-xl sm:text-2xl xl:text-3xl; + @apply text-xl sm:text-2xl xl:text-3xl; } @utility h4 { - @apply text-lg sm:text-xl xl:text-2xl; + @apply text-lg sm:text-xl xl:text-2xl; } @utility h5 { - @apply text-base sm:text-lg xl:text-xl; + @apply text-base sm:text-lg xl:text-xl; } @utility h6 { - @apply text-sm sm:text-base xl:text-lg; + @apply text-sm sm:text-base xl:text-lg; } From 554a8db272ab0aede55a42eb9dd56839d139da4e Mon Sep 17 00:00:00 2001 From: Seb Kay Date: Thu, 6 Feb 2025 21:24:43 +0000 Subject: [PATCH 09/12] Update app.css --- resources/css/app.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/resources/css/app.css b/resources/css/app.css index f910cce..4ff3920 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -13,8 +13,8 @@ @theme { --font-*: initial; - --font-text: Arial, sans-serif; - --font-heading: Arial, sans-serif; + --font-text: "Arial", sans-serif; + --font-heading: "Arial", sans-serif; --breakpoint-xs: 321px; --breakpoint-sm: 451px; From 393426411f3270a46025ef0bed719195589c8f61 Mon Sep 17 00:00:00 2001 From: Seb Kay Date: Thu, 6 Feb 2025 21:27:41 +0000 Subject: [PATCH 10/12] Update forms.css --- resources/css/forms.css | 26 ++++++++++++++------------ 1 file changed, 14 insertions(+), 12 deletions(-) diff --git a/resources/css/forms.css b/resources/css/forms.css index 23f91b9..ec91462 100644 --- a/resources/css/forms.css +++ b/resources/css/forms.css @@ -22,33 +22,35 @@ @apply flex items-center gap-x-2; } -@utility input { +@utility field { @apply block rounded-md border-brand-300 shadow-xs hover:ring-3 hover:ring-brand-200/50 focus:border-brand-300 focus:ring-3 focus:ring-brand-200/50 focus:ring-offset-0 transition ease-in-out duration-200; - @apply block text-base w-full; +} + +@utility input { + @apply field block text-base w-full; } @utility textarea { - @apply block rounded-md border-brand-300 shadow-xs hover:ring-3 hover:ring-brand-200/50 focus:border-brand-300 focus:ring-3 focus:ring-brand-200/50 focus:ring-offset-0 transition ease-in-out duration-200; - @apply block text-base w-full; + @apply field block text-base w-full; @apply min-h-32; } @utility select { - @apply block rounded-md border-brand-300 shadow-xs hover:ring-3 hover:ring-brand-200/50 focus:border-brand-300 focus:ring-3 focus:ring-brand-200/50 focus:ring-offset-0 transition ease-in-out duration-200; - @apply block text-base w-full; + @apply field block text-base w-full; @apply cursor-pointer; } +@utility option { + @apply field; + @apply cursor-pointer size-5 text-brand-800; +} + @utility checkbox { - @apply block rounded-md border-brand-300 shadow-xs hover:ring-3 hover:ring-brand-200/50 focus:border-brand-300 focus:ring-3 focus:ring-brand-200/50 focus:ring-offset-0 transition ease-in-out duration-200; - @apply cursor-pointer; - @apply size-5 text-brand-800; + @apply option; } @utility radio { - @apply block rounded-md border-brand-300 shadow-xs hover:ring-3 hover:ring-brand-200/50 focus:border-brand-300 focus:ring-3 focus:ring-brand-200/50 focus:ring-offset-0 transition ease-in-out duration-200; - @apply cursor-pointer; - @apply size-5 text-brand-800; + @apply option; @apply rounded-full; } From 5839ecb4cf36a0c97657e32ea8ef65ab1826c118 Mon Sep 17 00:00:00 2001 From: Seb Kay Date: Thu, 6 Feb 2025 21:28:55 +0000 Subject: [PATCH 11/12] Update AdminPanelProvider.php --- app/Providers/Filament/AdminPanelProvider.php | 1 - 1 file changed, 1 deletion(-) diff --git a/app/Providers/Filament/AdminPanelProvider.php b/app/Providers/Filament/AdminPanelProvider.php index d5f4275..b394023 100644 --- a/app/Providers/Filament/AdminPanelProvider.php +++ b/app/Providers/Filament/AdminPanelProvider.php @@ -20,7 +20,6 @@ use Illuminate\Session\Middleware\StartSession; use Illuminate\View\Middleware\ShareErrorsFromSession; use pxlrbt\FilamentEnvironmentIndicator\EnvironmentIndicatorPlugin; -use Stephenjude\FilamentDebugger\DebuggerPlugin; class AdminPanelProvider extends PanelProvider { From fc4735908211d090f0535c9f853c408b45d4b9cb Mon Sep 17 00:00:00 2001 From: Seb Kay Date: Thu, 6 Feb 2025 21:32:33 +0000 Subject: [PATCH 12/12] Adjust mobile menu --- resources/js/Components/Header.vue | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/resources/js/Components/Header.vue b/resources/js/Components/Header.vue index 5472042..86670a9 100644 --- a/resources/js/Components/Header.vue +++ b/resources/js/Components/Header.vue @@ -31,11 +31,11 @@ -
+