Merge remote-tracking branch 'origin/translate' into front-styles
This commit is contained in:
@@ -16,7 +16,6 @@ body {
|
|||||||
@theme {
|
@theme {
|
||||||
--main-light: #FFFEFB;
|
--main-light: #FFFEFB;
|
||||||
--second-light: #F8FAFC;
|
--second-light: #F8FAFC;
|
||||||
|
|
||||||
--main-dark: #1A1A1A;
|
--main-dark: #1A1A1A;
|
||||||
--black: #1A1A1A;
|
--black: #1A1A1A;
|
||||||
|
|
||||||
@@ -42,11 +41,11 @@ body {
|
|||||||
--ui-border-accented: var(--border-light);
|
--ui-border-accented: var(--border-light);
|
||||||
--ui-border: var(--border-light);
|
--ui-border: var(--border-light);
|
||||||
--ui-color-neutral-700: var(--black);
|
--ui-color-neutral-700: var(--black);
|
||||||
|
--ui-primary: var(--accent-blue-light)
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark {
|
.dark {
|
||||||
--ui-bg: var(--black);
|
--ui-bg: var(--black);
|
||||||
--ui-primary: var(--color-gray-500);
|
|
||||||
--ui-secondary: var(--accent-green-dark);
|
--ui-secondary: var(--accent-green-dark);
|
||||||
--ui-border-accented: var(--border-dark);
|
--ui-border-accented: var(--border-dark);
|
||||||
--ui-text-dimmed: var(--gray-dark);
|
--ui-text-dimmed: var(--gray-dark);
|
||||||
@@ -56,6 +55,7 @@ body {
|
|||||||
--border: var(--border-dark);
|
--border: var(--border-dark);
|
||||||
--tw-border-style: var(--border-dark);
|
--tw-border-style: var(--border-dark);
|
||||||
--ui-text-inverted: #fff;
|
--ui-text-inverted: #fff;
|
||||||
|
--ui-primary: var(--accent-blue-dark)
|
||||||
}
|
}
|
||||||
|
|
||||||
.label-form {
|
.label-form {
|
||||||
|
|||||||
@@ -123,8 +123,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<UTabs :items="items" v-model="activeTab" color="info" :content="true" :ui="{
|
<UTabs :items="items" color="info" default-value="0" :ui="{
|
||||||
list: 'w-auto!'
|
list: 'w-auto!',
|
||||||
|
root: 'items-start!'
|
||||||
}">
|
}">
|
||||||
<template #description>
|
<template #description>
|
||||||
<div v-if="!isTranslations" class="flex justify-end items-center gap-3 mb-4">
|
<div v-if="!isTranslations" class="flex justify-end items-center gap-3 mb-4">
|
||||||
@@ -158,8 +159,8 @@
|
|||||||
<div class="flex justify-end items-center gap-3 mb-4">
|
<div class="flex justify-end items-center gap-3 mb-4">
|
||||||
<UButton v-if="!isEditing" @click="enableEdit"
|
<UButton v-if="!isEditing" @click="enableEdit"
|
||||||
class="flex items-center gap-2 m-2 cursor-pointer bg-(--accent-blue-light)! dark:bg-(--accent-blue-dark)!">
|
class="flex items-center gap-2 m-2 cursor-pointer bg-(--accent-blue-light)! dark:bg-(--accent-blue-dark)!">
|
||||||
<p class="text-white">Change Text</p>
|
<p class="text-(--text-sky-light) dark:text-(--text-sky-dark)">Change Text</p>
|
||||||
<UIcon name="material-symbols-light:stylus-note-sharp" class="text-[30px] text-white!" />
|
<UIcon name="material-symbols-light:stylus-note-sharp" class="text-[30px] text-(--text-sky-light) dark:text-(--text-sky-dark)" />
|
||||||
</UButton>
|
</UButton>
|
||||||
|
|
||||||
<UButton v-if="isEditing" @click="saveText" color="neutral" variant="outline"
|
<UButton v-if="isEditing" @click="saveText" color="neutral" variant="outline"
|
||||||
@@ -361,7 +362,7 @@ const toLangId = ref<number>(settingStore.shopDefaultLanguage)
|
|||||||
const productID = ref<number>(0)
|
const productID = ref<number>(0)
|
||||||
const translating = ref(false)
|
const translating = ref(false)
|
||||||
|
|
||||||
const activeTab = ref('description')
|
const activeTab = ref('')
|
||||||
const isEditing = ref(false)
|
const isEditing = ref(false)
|
||||||
|
|
||||||
const translateToSelectedLanguage = async () => {
|
const translateToSelectedLanguage = async () => {
|
||||||
|
|||||||
Reference in New Issue
Block a user