test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: update BrandSettings component to improve logo and favicon handling

Browse Source 
(cherry picked from commit 3752c611576778f028ba78d6c1ae533a88c6040b)
This commit is contained in:
Shariq Ansari 2025-09-16 17:27:15 +05:30 committed by Mergify
parent a3abaa57ec
commit 1962b9a103
1 changed files with 3 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/components/Settings/BrandSettings.vue
View File

@ -47,7 +47,7 @@
alt="Logo" alt="Logo"
class="size-8 rounded" class="size-8 rounded"
/> />
<ImageIcon class="size-5 text-ink-gray-4" /> <ImageIcon v-else class="size-5 text-ink-gray-4" />
</div> </div>
<div class="flex flex-1 flex-col gap-2"> <div class="flex flex-1 flex-col gap-2">
<span class="text-base font-medium">{{ __('Brand logo') }}</span> <span class="text-base font-medium">{{ __('Brand logo') }}</span>
@ -82,7 +82,7 @@
alt="Favicon" alt="Favicon"
class="size-8 rounded" class="size-8 rounded"
/> />
<ImageIcon class="size-5 text-ink-gray-4" /> <ImageIcon v-else class="size-5 text-ink-gray-4" />
</div> </div>
<div class="flex flex-1 flex-col gap-2"> <div class="flex flex-1 flex-col gap-2">
<span class="text-base font-medium">{{ __('Favicon') }}</span> <span class="text-base font-medium">{{ __('Favicon') }}</span>
@ -105,18 +105,14 @@
</div> </div>
</div> </div>
</div> </div>
<div v-if="errorMessage">
<ErrorMessage :message="__(errorMessage)" />
</div>
</div> </div>
</template> </template>
<script setup> <script setup>
import ImageIcon from '~icons/lucide/image' import ImageIcon from '~icons/lucide/image'
import ImageUploader from '@/components/Controls/ImageUploader.vue' import ImageUploader from '@/components/Controls/ImageUploader.vue'
import { FormControl, ErrorMessage } from 'frappe-ui' import { FormControl } from 'frappe-ui'
import { getSettings } from '@/stores/settings' import { getSettings } from '@/stores/settings'
import { showSettings } from '@/composables/settings' import { showSettings } from '@/composables/settings'
import { ref } from 'vue'
const { _settings: settings, setupBrand } = getSettings() const { _settings: settings, setupBrand } = getSettings()
@ -128,7 +124,4 @@ function updateSettings() {
}, },
}) })
} }
const emit = defineEmits(['updateStep'])
const errorMessage = ref('')
</script> </script>