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

fix: removed default padding from settings page

Browse Source
This commit is contained in:
Shariq Ansari 2024-06-13 15:46:25 +05:30
parent e59d9b1426
commit 5098457107
6 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/SectionFields.vue
View File

@ -136,7 +136,7 @@ const _fields = computed(() => {
let all_fields = [] let all_fields = []
props.fields?.forEach((field) => { props.fields?.forEach((field) => {
let df = field.all_properties let df = field.all_properties
if (df.depends_on) evaluate_depends_on(df.depends_on, field) if (df?.depends_on) evaluate_depends_on(df.depends_on, field)
all_fields.push(field) all_fields.push(field)
}) })
return all_fields return all_fields

2
frontend/src/components/Settings/ProfileSettings.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div v-if="profile" class="flex w-full items-center justify-between"> <div v-if="profile" class="flex w-full items-center justify-between p-12 pt-14">
<div class="flex items-center gap-4"> <div class="flex items-center gap-4">
<Avatar <Avatar
class="!size-16" class="!size-16"

2
frontend/src/components/Settings/SettingsModal.vue
View File

@ -40,7 +40,7 @@
/> />
</nav> </nav>
</div> </div>
<div class="flex flex-1 flex-col overflow-y-auto p-8"> <div class="flex flex-1 flex-col overflow-y-auto">
<component :is="activeTab.component" v-if="activeTab" /> <component :is="activeTab.component" v-if="activeTab" />
</div> </div>
</div> </div>

11
frontend/src/components/Settings/SettingsPage.vue
View File

@ -3,10 +3,10 @@
<h2 class="flex gap-2 text-xl font-semibold leading-none"> <h2 class="flex gap-2 text-xl font-semibold leading-none">
<div>{{ __(doctype) }}</div> <div>{{ __(doctype) }}</div>
<Badge <Badge
v-if="data.isDirty"
:label="__('Not Saved')" :label="__('Not Saved')"
variant="subtle" variant="subtle"
theme="orange" theme="orange"
v-if="data.isDirty"
/> />
</h2> </h2>
<div v-if="!data.get.loading" class="flex-1 overflow-y-auto"> <div v-if="!data.get.loading" class="flex-1 overflow-y-auto">
@ -17,7 +17,7 @@
/> />
</div> </div>
<div v-else class="flex flex-1 items-center justify-center"> <div v-else class="flex flex-1 items-center justify-center">
<Spinner /> <Spinner class="size-8" />
</div> </div>
<div class="flex flex-row-reverse"> <div class="flex flex-row-reverse">
<Button <Button
@ -31,7 +31,12 @@
</template> </template>
<script setup> <script setup>
import Fields from '@/components/Fields.vue' import Fields from '@/components/Fields.vue'
import { createDocumentResource, createResource, Spinner, Badge } from 'frappe-ui' import {
createDocumentResource,
createResource,
Spinner,
Badge,
} from 'frappe-ui'
import { computed } from 'vue' import { computed } from 'vue'
const props = defineProps({ const props = defineProps({

2
frontend/src/components/Settings/TwilioSettings.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<SettingsPage doctype="Twilio Settings" /> <SettingsPage doctype="Twilio Settings" class="p-8" />
</template> </template>
<script setup> <script setup>
import SettingsPage from '@/components/Settings/SettingsPage.vue' import SettingsPage from '@/components/Settings/SettingsPage.vue'

2
frontend/src/components/Settings/WhatsAppSettings.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<SettingsPage doctype="WhatsApp Settings" /> <SettingsPage doctype="WhatsApp Settings" class="p-8" />
</template> </template>
<script setup> <script setup>
import SettingsPage from '@/components/Settings/SettingsPage.vue' import SettingsPage from '@/components/Settings/SettingsPage.vue'