Merge remote-tracking branch 'origin/translate' into front-styles

This commit is contained in:
2026-04-03 08:57:10 +02:00
2 changed files with 8 additions and 7 deletions

View File

@@ -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 {

View File

@@ -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 () => {