diff --git a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_edge-beta-form.scss b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_edge-beta-form.scss index 72f8ec769..03a3eecaf 100644 --- a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_edge-beta-form.scss +++ b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_edge-beta-form.scss @@ -24,12 +24,112 @@ text-align: center; } - .contact-form { - &__top-overlay { - width: pxToRem(210); - height: pxToRem(210); - background-image: url('/img/blurred/blurred-light-15.svg'); + &__container { + position: relative; + width: 100%; + max-width: pxToRem(720); + margin: 0 auto; + border-radius: $spacer * 0.5; + background: linear-gradient($neutral-20, #0e1424); + + * { + font-family: $font-family-base; } + + [data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content { + padding: $spacer * 1.5; + } + + .hsfc-RichText span, .hsfc-FieldLabel span, .hsfc-ProgressBar__Text { + font-size: $font-size-s !important; + line-height: $line-height-sm !important; + color: $neutral-98 !important; + } + + .hsfc-FieldLabel { + margin-bottom: $spacer * 0.5 !important; + } + + [data-hsfc-id=Renderer] .hsfc-TextInput, [data-hsfc-id=Renderer] .hsfc-TextareaInput { + display: block; + background-color: transparent; + border: pxToRem(1) solid $neutral-50; + margin-bottom: $spacer * 0.5; + padding: $spacer * 0.5 $spacer; + font-size: $font-size-md; + line-height: $spacer * 1.5; + color: $neutral-98; + border-radius: $spacer * 0.5; + + &:focus, &:active { + box-shadow: none !important; + } + + &::placeholder { + color: $neutral-70; + } + } + + [data-hsfc-id=Renderer] .hsfc-ErrorAlert { + font-size: $font-size-xs; + line-height: $font-size-l; + color: $primary-40; + } + + [data-hsfc-id=Renderer] .hsfc-Button { + display: inline-flex; + align-items: center; + justify-content: center; + flex-wrap: nowrap; + cursor: pointer; + border: none; + border-radius: $spacer * 0.5; + color: $neutral-100; + text-decoration: none; + + height: $spacer * 2.5; + padding: pxToRem(22); + font-weight: 700; + font-size: map-get($font-sizes-text, md); + z-index: 1; + background: linear-gradient(180deg, $primary-50, $primary-40) !important; + box-shadow: 0 2px 1px 0 $primary-60 inset !important; + transition: none !important; + + &:hover { + background: $primary-50 !important; + border: none !important; + box-shadow: 0 2px 1px 0 $primary-70 inset !important; + transform: none !important; + } + + &:active { + background: $primary-50 !important; + border: none !important; + box-shadow: + 0 2px 1px 0 $primary-60 inset, + 0 0 0 2px rgba(220, 36, 76, 0.4) !important; + } + + &.button_disabled, + &:disabled { + background: $primary-70 !important; + border: none !important; + box-shadow: none !important; + } + } + } + + &__form-overlay { + position: absolute; + right: 0; + top: 0; + width: pxToRem(210); + height: pxToRem(210); + background-image: url('/img/blurred/blurred-light-15.svg'); + background-position: top; + background-size: cover; + border-radius: 0 pxToRem(12) 0 0; } &__overlay { @@ -51,5 +151,11 @@ font-size: $h3-font-size; line-height: pxToRem(58); } + + &__container { + [data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content { + padding: $spacer * 4; + } + } } } diff --git a/qdrant-landing/themes/qdrant-2024/layouts/partials/edge-beta-form.html b/qdrant-landing/themes/qdrant-2024/layouts/partials/edge-beta-form.html index 7b0b84144..70b1b469e 100644 --- a/qdrant-landing/themes/qdrant-2024/layouts/partials/edge-beta-form.html +++ b/qdrant-landing/themes/qdrant-2024/layouts/partials/edge-beta-form.html @@ -5,7 +5,11 @@
{{ .Params.description }}
- {{ partial "contact-form" .Params.form }} +