mirror of
https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git
synced 2025-12-18 10:31:15 +00:00
fix(editor): Fix logo alignment issues (#13870)
This commit is contained in:
committed by
GitHub
parent
dd4f51cff5
commit
d2e4706b97
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user