diff --git a/src/components/config/external/chatgpt/Setup.vue b/src/components/config/external/chatgpt/Setup.vue
index 91d12f8d..0aeffc83 100644
--- a/src/components/config/external/chatgpt/Setup.vue
+++ b/src/components/config/external/chatgpt/Setup.vue
@@ -5,11 +5,10 @@
@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;
+ }
- &__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 {
+ display: flex;
+ flex-direction: column;
+ overflow: hidden;
+ padding: 0 $unnnic-spacing-md;
+ max-height: 95vh;
}
- &__description {
- margin-bottom: $unnnic-spacing-stack-lg;
+ .unnnic-modal-container-background-body {
+ border-radius: $unnnic-border-radius-sm $unnnic-border-radius-sm 0px 0px;
}
+ .unnnic-modal-container-background-body-description-container {
+ padding-bottom: $unnnic-spacing-md;
+ }
+ }
+
+ &__content {
+ display: flex;
+ flex-direction: column;
+ overflow: auto;
+
&__form {
display: flex;
flex-direction: column;
@@ -194,5 +203,15 @@
}
}
}
+
+ &__buttons {
+ display: flex;
+ flex: 1;
+ margin-top: $unnnic-spacing-md;
+
+ * {
+ flex: 1;
+ }
+ }
}
diff --git a/tests/unit/specs/components/config/external/chatgpt/__snapshots__/Setup.spec.js.snap b/tests/unit/specs/components/config/external/chatgpt/__snapshots__/Setup.spec.js.snap
index c8310b90..9ace2584 100644
--- a/tests/unit/specs/components/config/external/chatgpt/__snapshots__/Setup.spec.js.snap
+++ b/tests/unit/specs/components/config/external/chatgpt/__snapshots__/Setup.spec.js.snap
@@ -1,8 +1,8 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`components/config/external/chatgpt/Setup.vue should be rendered properly 1`] = `
-
- Integrate with ChatGPT To integrate, create a name, insert your API-Token and select one of the available versions
+
+