Skip to content

[ENG-36608] feat: new layout about templates#3510

Open
pauloSF0 wants to merge 9 commits into
devfrom
ENG-36608-template-journey-rework
Open

[ENG-36608] feat: new layout about templates#3510
pauloSF0 wants to merge 9 commits into
devfrom
ENG-36608-template-journey-rework

Conversation

@pauloSF0
Copy link
Copy Markdown
Contributor

@pauloSF0 pauloSF0 commented May 5, 2026

Feature

Description

This PR introduces layout improvements to the template engine components:

  • Preview image now occupies full container height: The template preview image fills the entire available space, providing a better visual presentation of the template.

  • Hidden scrollbar in script runner: The script runner logs area now has a cleaner appearance with a hidden scrollbar while maintaining scroll functionality across all browsers (Firefox, Chrome, Safari, Edge).

  • Fixed syntax errors: Corrected missing closing tags and parentheses in layout-engine-block.vue and new-engine-azion.vue components.

How to test

  1. Navigate to a template deployment page
  2. Verify the preview image occupies the full container height
  3. Run a template deployment and check that the script runner logs area is scrollable without a visible scrollbar

UI Changes (if applicable)

  • TemplateInfoBlock: Preview image changed from h-40 to h-full
  • ScriptRunnerBlock: Added .scrollbar-hide class with cross-browser CSS rules
  • LayoutEngineBlock: Fixed indentation and closing tags

@pauloSF0 pauloSF0 self-assigned this May 5, 2026
@pauloSF0 pauloSF0 added the enhancement New feature or request label May 5, 2026
Comment thread src/composables/useVcsOAuth.js Outdated
Comment thread src/router/routes/create-new-routes/index.js
Comment thread src/templates/deploy-template/DeployRepositoryCard.vue Outdated
Comment thread src/templates/deploy-template/BaseDeployCard.vue
Comment thread src/templates/deploy-template/DeployRepositoryCard.vue
Comment thread src/templates/deploy-template/DeployStatusCard.vue
Comment thread src/templates/deploy-template/DeploySuccessCard.vue
:pt="{
header: { class: 'bg-[var(--surface-ground)]' },
headerAction: {
class: 'bg-[var(--surface-ground)] hover:opacity-100 focus:shadow-none'
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Usar tokens semânticos na class, não bg-[var(--surface-ground)]. Olhe webkit/theme

headerAction: {
class: 'bg-[var(--surface-ground)] hover:opacity-100 focus:shadow-none'
},
content: { class: '!p-0 bg-[var(--surface-section)]' }
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Usar tokens semânticos na class, não bg-[var(--surface-section)]. Olhe webkit/theme

Comment thread src/templates/deploy-template/index.js
@isaquebock
Copy link
Copy Markdown
Contributor

Vale revisar os tokens do PR inteiro. Nosso padrão é usar o que vem do webkit/theme. Também entender a lógica de do uso do Text Interpolation nos templates, caso não tenha lógica na string, não tem por que interpolar. Qualquer dúvida pode me chamar

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Development

Successfully merging this pull request may close these issues.

2 participants