fix: show info message correctly on "record your first run ui"

cypress-io · Jun 21, 2022 · 5bbf6ca · 5bbf6ca
1 parent 152e828
commit 5bbf6ca
Showing 1 changed file with 25 additions and 21 deletions.
diff --git a/packages/app/src/runs/RunsConnectSuccessAlert.vue b/packages/app/src/runs/RunsConnectSuccessAlert.vue
@@ -6,28 +6,32 @@
  dismissible
  :title="t('runs.connectSuccessAlert.title')"
  >
- <p class="flex px-16px pt-16px leading-24px items-center">
- <i-cy-arrow-outline-right_x16 class="h-16px mr-8px w-16px inline align-middle icon-dark-jade-500" />
- <i18n-t
- scope="global"
- keypath="runs.connectSuccessAlert.item1"
- >
- <template #projectId>
- <span class="font-normal m-4px text-jade-600">projectId</span>
- </template>
- <template #configFile>
- <span class="font-normal m-4px text-jade-600">{{ configFilePath }}</span>
- </template>
- </i18n-t>
+ <p class="flex px-16px pt-16px leading-24px md:items-center">
+ <i-cy-arrow-outline-right_x16 class="h-16px mr-8px w-16px inline align-middle icon-dark-jade-500 mt-4px md:mt-0" />
+ <span>
+ <i18n-t
+ scope="global"
+ keypath="runs.connectSuccessAlert.item1"
+ >
+ <template #projectId>
+ <span class="font-normal m-4px text-jade-600">projectId</span>
+ </template>
+ <template #configFile>
+ <span class="font-normal m-4px text-jade-600">{{ configFilePath }}</span>
+ </template>
+ </i18n-t>
+ </span>
  </p>
- <p class="flex px-16px pt-16px pb-16px leading-24px items-center">
- <i-cy-arrow-outline-right_x16 class="h-16px mr-8px w-16px inline align-middle icon-dark-jade-500" />
- <i18n-t
- scope="global"
- keypath="runs.connectSuccessAlert.item2"
- >
- <span class="font-normal m-4px text-jade-600">{{ configFilePath }}</span>
- </i18n-t>
+ <p class="flex px-16px pt-16px pb-16px leading-24px md:items-center">
+ <i-cy-arrow-outline-right_x16 class="h-16px mr-8px w-16px inline align-middle icon-dark-jade-500 mt-4px md:mt-0" />
+ <span>
+ <i18n-t
+ scope="global"
+ keypath="runs.connectSuccessAlert.item2"
+ >
+ <span class="font-normal m-4px text-jade-600">{{ configFilePath }}</span>
+ </i18n-t>
+ </span>
  </p>
  </Alert>
 </template>