mirror of
https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git
synced 2025-12-19 11:01:15 +00:00
refactor(editor): Move editor-ui and design-system to frontend dir (no-changelog) (#13564)
This commit is contained in:
46
packages/frontend/editor-ui/src/components/GoBackButton.vue
Normal file
46
packages/frontend/editor-ui/src/components/GoBackButton.vue
Normal file
@@ -0,0 +1,46 @@
|
||||
<script setup lang="ts">
|
||||
import { useRouter } from 'vue-router';
|
||||
import { VIEWS } from '@/constants';
|
||||
import { useI18n } from '@/composables/useI18n';
|
||||
|
||||
const router = useRouter();
|
||||
const i18n = useI18n();
|
||||
|
||||
const navigateTo = () => {
|
||||
void router.push({ name: VIEWS.TEMPLATES });
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div :class="$style.wrapper" @click="navigateTo">
|
||||
<font-awesome-icon :class="$style.icon" icon="arrow-left" />
|
||||
<div :class="$style.text" v-text="i18n.baseText('template.buttons.goBackButton')" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="scss" module>
|
||||
.wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
.icon,
|
||||
.text {
|
||||
color: var(--color-primary);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.icon {
|
||||
margin-right: var(--spacing-2xs);
|
||||
color: var(--color-foreground-dark);
|
||||
font-size: var(--font-size-m);
|
||||
}
|
||||
|
||||
.text {
|
||||
font-size: var(--font-size-s);
|
||||
line-height: var(--font-line-height-loose);
|
||||
color: var(--color-text-base);
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user