diff --git a/BeauFindlay/src/BeauFindlay.Client/Components/Alert/Alert.razor b/BeauFindlay/src/BeauFindlay.Client/Components/Alert/Alert.razor index bcc3a34..d00463a 100644 --- a/BeauFindlay/src/BeauFindlay.Client/Components/Alert/Alert.razor +++ b/BeauFindlay/src/BeauFindlay.Client/Components/Alert/Alert.razor @@ -1,4 +1,4 @@ -
+
@if (Type == AlertType.Success) diff --git a/BeauFindlay/src/BeauFindlay.Client/Pages/About.razor b/BeauFindlay/src/BeauFindlay.Client/Pages/About.razor index 81ae089..d9bdd4e 100644 --- a/BeauFindlay/src/BeauFindlay.Client/Pages/About.razor +++ b/BeauFindlay/src/BeauFindlay.Client/Pages/About.razor @@ -37,7 +37,7 @@

The contact API endpoint currently:

    -
  • Validates a Google Recaptcha token to protect against fraudulent submissions.
  • +
  • Validates a Google reCAPTCHA token to protect against fraudulent submissions.
  • Builds a HTML email from the information provided in the form.
  • Sends an email directly to my inbox using the SendGrid API.
diff --git a/BeauFindlay/src/BeauFindlay.Client/wwwroot/css/app.min.css b/BeauFindlay/src/BeauFindlay.Client/wwwroot/css/app.min.css index 4d38d3b..96ac68a 100644 --- a/BeauFindlay/src/BeauFindlay.Client/wwwroot/css/app.min.css +++ b/BeauFindlay/src/BeauFindlay.Client/wwwroot/css/app.min.css @@ -1,5 +1,5 @@ /* -! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com +! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com */ /* @@ -32,9 +32,11 @@ 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. +7. Disable tap highlights on iOS */ -html { +html, +:host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; @@ -44,12 +46,14 @@ html { -o-tab-size: 4; tab-size: 4; /* 3 */ - font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ + -webkit-tap-highlight-color: transparent; + /* 7 */ } /* @@ -121,8 +125,10 @@ strong { } /* -1. Use the user's configured `mono` font family by default. -2. Correct the odd `em` font sizing in all browsers. +1. Use the user's configured `mono` font-family by default. +2. Use the user's configured `mono` font-feature-settings by default. +3. Use the user's configured `mono` font-variation-settings by default. +4. Correct the odd `em` font sizing in all browsers. */ code, @@ -131,8 +137,12 @@ samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ - font-size: 1em; + font-feature-settings: normal; /* 2 */ + font-variation-settings: normal; + /* 3 */ + font-size: 1em; + /* 4 */ } /* @@ -563,10 +573,6 @@ video { margin-left: 0.75rem; } -.mt-16 { - margin-top: 4rem; -} - .mt-2 { margin-top: 0.5rem; } @@ -623,10 +629,6 @@ video { height: 100%; } -.h-7 { - height: 1.75rem; -} - .min-h-screen { min-height: 100vh; } @@ -801,11 +803,6 @@ video { padding-bottom: 2rem; } -.py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; -} - .pb-2 { padding-bottom: 0.5rem; } @@ -822,6 +819,10 @@ video { padding-left: 2rem; } +.pt-16 { + padding-top: 4rem; +} + .pt-4 { padding-top: 1rem; } @@ -830,10 +831,6 @@ video { padding-top: 2rem; } -.pt-16 { - padding-top: 4rem; -} - .text-center { text-align: center; } @@ -1080,17 +1077,6 @@ body::-webkit-scrollbar-thumb { background-color: rgb(31 41 55 / var(--tw-bg-opacity)); } -@media (prefers-color-scheme: dark) { - .dark\:fill-gray-300 { - fill: #d1d5db; - } - - .dark\:text-gray-600 { - --tw-text-opacity: 1; - color: rgb(75 85 99 / var(--tw-text-opacity)); - } -} - @media (min-width: 640px) { .sm\:col-span-2 { grid-column: span 2 / span 2; @@ -1135,10 +1121,6 @@ body::-webkit-scrollbar-thumb { padding-top: 3rem; padding-bottom: 3rem; } - - .md\:text-left { - text-align: left; - } } @media (min-width: 1024px) { @@ -1153,4 +1135,15 @@ body::-webkit-scrollbar-thumb { padding-left: 8rem; padding-right: 8rem; } +} + +@media (prefers-color-scheme: dark) { + .dark\:fill-gray-300 { + fill: #d1d5db; + } + + .dark\:text-gray-600 { + --tw-text-opacity: 1; + color: rgb(75 85 99 / var(--tw-text-opacity)); + } } \ No newline at end of file