diff --git a/src/components/config/external/chatgpt/Setup.vue b/src/components/config/external/chatgpt/Setup.vue index 91d12f8d..64239b60 100644 --- a/src/components/config/external/chatgpt/Setup.vue +++ b/src/components/config/external/chatgpt/Setup.vue @@ -5,10 +5,12 @@ @close="closePopUp" @click.stop :closeIcon="false" + :text="$t('ChatGPT.setup.title')" + :description="$t('ChatGPT.setup.description')" >
- {{ $t('ChatGPT.setup.title') }} - {{ $t('ChatGPT.setup.description') }} +
.chatgpt-modal { - ::v-deep .unnnic-modal-container-background-body-description { - padding-bottom: $unnnic-spacing-stack-xs; - } + ::v-deep { + .container { + padding: $unnnic-squish-md !important; + } - &__content { - display: flex; - flex-direction: column; + .header { + margin-bottom: $unnnic-spacing-stack-nano !important; + } + + .unnnic-modal-container-background { + display: flex; + flex-direction: column; + overflow: hidden; + padding: 0 $unnnic-spacing-md; + max-height: 95vh; + } - &__title { - font-family: $unnnic-font-family-secondary; - color: $unnnic-color-neutral-darkest; - font-weight: $unnnic-font-weight-black; - font-size: $unnnic-font-size-title-sm; - line-height: ($unnnic-font-size-title-sm + $unnnic-line-height-medium); - padding: $unnnic-spacing-stack-md 0; + .unnnic-modal-container-background-body { + border-radius: $unnnic-border-radius-sm $unnnic-border-radius-sm 0px 0px; } - &__description { - margin-bottom: $unnnic-spacing-stack-lg; + .unnnic-modal-container-background-body-description-container { + padding-bottom: $unnnic-spacing-md; } + } + + &__content { + display: flex; + flex-direction: column; + overflow: auto; &__form { display: flex; @@ -194,5 +206,15 @@ } } } + + &__buttons { + display: flex; + flex: 1; + margin-top: $unnnic-spacing-md; + + * { + flex: 1; + } + } }