github-mirror/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2026-07-27 19:15:01 +02:00
Code Issues Actions 14 Packages Projects Releases Wiki Activity Graph

fix(editor): Center empty state content vertically on short viewports (#34820)

Browse Source
This commit is contained in:
Ricardo Espinoza 2026-07-24 10:59:37 -04:00 committed by GitHub
parent 8017b3d85f
commit 359d82fb05
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 3 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/frontend/editor-ui/src/app/components/layouts/EmptyStateLayout.vue
View File

@ -96,7 +96,6 @@ const handleAppSelectionContinue = () => {
:class="[
$style.emptyStateLayout,
{
[$style.noTemplatesContent]: !showAppSelection,
[$style.builderLayout]: showAppSelection,
},
]"
@ -219,22 +218,17 @@ const handleAppSelectionContinue = () => {
justify-content: center;
align-content: center;
height: 100%;
padding: var(--spacing--4xl) var(--spacing--2xl) 0;
// Vertical padding must stay symmetric so justify-content centers the content
padding: 0 var(--spacing--2xl);
max-width: var(--content-container--width);
width: 100%;
@media (max-width: vars.$breakpoint-lg) {
padding: var(--spacing--xl) var(--spacing--xs) 0;
}
&.noTemplatesContent {
padding-top: var(--spacing--3xl);
padding: 0 var(--spacing--xs);
}
&.builderLayout {
align-items: center;
justify-content: center;
width: 100%;
max-width: none;
padding: var(--spacing--lg);
}