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

refactor: adjust padding and improve layout for Currency and Forecasting settings components

Browse Source 
(cherry picked from commit 1044adc494b0b5b7f347aaf0080914a28be56eb9)
This commit is contained in:
Shariq Ansari 2025-09-18 13:36:06 +05:30 committed by Mergify
parent 8749f7bfd0
commit af248964c6
2 changed files with 13 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/Settings/CurrencySettings.vue
View File

@ -25,7 +25,7 @@
<!-- Fields --> <!-- Fields -->
<div class="flex flex-1 flex-col overflow-y-auto"> <div class="flex flex-1 flex-col overflow-y-auto">
<div class="flex items-center justify-between gap-8 p-3"> <div class="flex items-center justify-between gap-8 py-3 px-2">
<div class="flex flex-col"> <div class="flex flex-col">
<div class="text-p-base font-medium text-ink-gray-7 truncate"> <div class="text-p-base font-medium text-ink-gray-7 truncate">
{{ __('Currency') }} {{ __('Currency') }}
@ -54,7 +54,7 @@
</div> </div>
</div> </div>
<div class="h-px border-t mx-2 border-outline-gray-modals" /> <div class="h-px border-t mx-2 border-outline-gray-modals" />
<div class="flex items-center justify-between gap-8 p-3"> <div class="flex items-center justify-between gap-8 py-3 px-2">
<div class="flex flex-col"> <div class="flex flex-col">
<div class="text-p-base font-medium text-ink-gray-7 truncate"> <div class="text-p-base font-medium text-ink-gray-7 truncate">
{{ __('Exchange rate provider') }} {{ __('Exchange rate provider') }}

30
frontend/src/components/Settings/ForecastingSettings.vue
View File

@ -1,19 +1,20 @@
<template> <template>
<div class="flex h-full flex-col gap-6 p-8 text-ink-gray-8"> <div class="flex h-full flex-col gap-6 py-8 px-6 text-ink-gray-8">
<div class="flex flex-col gap-1"> <div class="flex flex-col gap-1 px-2">
<h2 class="flex gap-2 text-xl font-semibold leading-none h-5"> <h2 class="flex gap-2 text-xl font-semibold leading-none h-5">
{{ __('Forecasting') }} {{ __('Forecasting') }}
</h2> </h2>
<p class="text-p-base text-ink-gray-6"> <p class="text-p-base text-ink-gray-6">
{{ __('Configure forecasting feature to help predict sales performance and growth') }} {{
__(
'Configure forecasting feature to help predict sales performance and growth',
)
}}
</p> </p>
</div> </div>
<div class="flex-1 flex flex-col overflow-y-auto"> <div class="flex-1 flex flex-col overflow-y-auto">
<div <div class="flex items-center justify-between py-3 px-2">
class="flex items-center justify-between p-3 cursor-pointer hover:bg-surface-menu-bar rounded"
@click="toggleForecasting()"
>
<div class="flex flex-col"> <div class="flex flex-col">
<div class="text-p-base font-medium text-ink-gray-7 truncate"> <div class="text-p-base font-medium text-ink-gray-7 truncate">
{{ __('Enable forecasting') }} {{ __('Enable forecasting') }}
@ -30,15 +31,12 @@
<Switch <Switch
size="sm" size="sm"
v-model="settings.doc.enable_forecasting" v-model="settings.doc.enable_forecasting"
@click.stop="toggleForecasting(settings.doc.enable_forecasting)" @click.stop="toggleForecasting"
/> />
</div> </div>
</div> </div>
<div class="h-px border-t mx-2 border-outline-gray-modals" /> <div class="h-px border-t mx-2 border-outline-gray-modals" />
<div <div class="flex items-center justify-between py-3 px-2">
class="flex items-center justify-between p-3 cursor-pointer hover:bg-surface-menu-bar rounded"
@click="autoUpdateExpectedDealValue"
>
<div class="flex flex-col"> <div class="flex flex-col">
<div class="text-p-base font-medium text-ink-gray-7 truncate"> <div class="text-p-base font-medium text-ink-gray-7 truncate">
{{ __('Auto update expected deal value') }} {{ __('Auto update expected deal value') }}
@ -69,10 +67,7 @@ import { Switch, toast } from 'frappe-ui'
const { _settings: settings } = getSettings() const { _settings: settings } = getSettings()
function toggleForecasting(value) { function toggleForecasting() {
settings.doc.enable_forecasting =
value !== undefined ? value : !settings.doc.enable_forecasting
settings.save.submit(null, { settings.save.submit(null, {
onSuccess: () => { onSuccess: () => {
toast.success( toast.success(
@ -85,9 +80,6 @@ function toggleForecasting(value) {
} }
function autoUpdateExpectedDealValue() { function autoUpdateExpectedDealValue() {
settings.doc.auto_update_expected_deal_value =
!settings.doc.auto_update_expected_deal_value
settings.save.submit(null, { settings.save.submit(null, {
onSuccess: () => { onSuccess: () => {
toast.success( toast.success(