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;
+ }
+ }
}