diff --git a/packages/docs/components/HeaderBanner.vue b/packages/docs/components/HeaderBanner.vue index df45b7a386..73ddb57648 100644 --- a/packages/docs/components/HeaderBanner.vue +++ b/packages/docs/components/HeaderBanner.vue @@ -169,7 +169,6 @@ const hide = () => { } &__buttons { - z-index: 10; display: flex; align-items: center; diff --git a/packages/docs/components/Recaptcha.vue b/packages/docs/components/Recaptcha.vue index 8a6cff8f49..58283adcca 100644 --- a/packages/docs/components/Recaptcha.vue +++ b/packages/docs/components/Recaptcha.vue @@ -1,5 +1,5 @@ diff --git a/packages/docs/components/landing/forms/RequestAuditForm.vue b/packages/docs/components/landing/forms/RequestAuditForm.vue index 9b4f48f1a0..fafb8d8965 100644 --- a/packages/docs/components/landing/forms/RequestAuditForm.vue +++ b/packages/docs/components/landing/forms/RequestAuditForm.vue @@ -31,16 +31,16 @@ placeholder="Email" required name="Email" - class="w-full mt-3" + class="w-full mt-3 form__input" /> Oops! Something went wrong while submitting the form. Please try again or contact us directly at hello@epicmax.co. We're here to help and ensure your inquiry is handled promptly. -
+
Click "Submit!" to consent to processing your data by Epicmax Georgia LLC for marketing purposes, including sending emails. For details see our Privacy Policy
@@ -137,18 +137,24 @@ const submitForm = async () => { max-width: 100%; } - &__text { + &__text, + &__input { font-size: 0.9rem; } &__title { margin-top: 20px; margin-bottom: 34px; + + @include xs(margin-top, 0); + @include xs(margin-bottom, 12px); } &__notice { - font-size: 13px; color: var(--va-secondary); + font-size: 13px; + + @include xs(font-size, 10px); } &__notice--error { @@ -160,5 +166,7 @@ h3 { @include subtitle-font(); font-size: 2.5rem !important; + + @include xs(font-size, 1.75rem !important); } diff --git a/packages/docs/composables/useRecaptcha.ts b/packages/docs/composables/useRecaptcha.ts index 0cd41375d7..28bf1900a4 100644 --- a/packages/docs/composables/useRecaptcha.ts +++ b/packages/docs/composables/useRecaptcha.ts @@ -3,18 +3,20 @@ import { isServer } from 'vuestic-ui/src/utils/ssr' let addedScript = false; -interface Recaptcha { +export interface RecaptchaRenderParams { + sitekey: string; + theme?: 'dark' | 'light'; + size?: 'compact' | 'normal'; + tabindex?: number; + callback?: (token: string) => void; + 'expired-callback'?: () => void; + 'error-callback'?: () => void; +} + +export interface Recaptcha { render( container: string | HTMLElement, - parameters: { - sitekey: string; - theme?: 'dark' | 'light'; - size?: 'compact' | 'normal'; - tabindex?: number; - callback?: (token: string) => void; - 'expired-callback'?: () => void; - 'error-callback'?: () => void; - } + parameters: RecaptchaRenderParams ): string; reset(widgetId?: string): void; }