fix(editor): Fix logo alignment issues (#13870)

This commit is contained in:
कारतोफ्फेलस्क्रिप्ट™
2025-03-13 11:14:30 +01:00
committed by GitHub
parent dd4f51cff5
commit d2e4706b97
4 changed files with 8 additions and 53 deletions

View File

@@ -22,12 +22,6 @@ const props = defineProps<
const { location, releaseChannel } = props;
const showReleaseChannelTag = computed(() => {
if (releaseChannel === 'stable') return false;
if (location === 'authView') return true;
return !props.collapsed;
});
const showLogoText = computed(() => {
if (location === 'authView') return true;
return !props.collapsed;
@@ -65,7 +59,6 @@ onMounted(() => {
<div :class="containerClasses" data-test-id="n8n-logo">
<LogoIcon ref="logo" :class="$style.logo" />
<LogoText v-if="showLogoText" :class="$style.logoText" />
<div v-if="showReleaseChannelTag" :class="$style.releaseChannelTag">{{ releaseChannel }}</div>
<slot />
</div>
</template>
@@ -84,19 +77,6 @@ onMounted(() => {
}
}
.releaseChannelTag {
color: var(--color-text-dark);
padding: var(--spacing-5xs) var(--spacing-4xs);
background-color: var(--color-background-base);
border: 1px solid var(--color-foreground-base);
border-radius: var(--border-radius-base);
font-size: var(--font-size-3xs);
font-weight: var(--font-weight-bold);
text-transform: capitalize;
line-height: var(--font-line-height-regular);
margin: 8px 0 0 3px;
}
.authView {
transform: scale(2);
margin-bottom: var(--spacing-xl);
@@ -104,7 +84,7 @@ onMounted(() => {
.logo,
.logoText {
transform: scale(1.3);
transform: scale(1.3) translateY(-2px);
}
.logoText {
@@ -113,7 +93,7 @@ onMounted(() => {
}
.sidebarExpanded .logo {
margin-left: var(--spacing-3xs);
margin-left: var(--spacing-2xs);
}
.sidebarCollapsed .logo {