test/jcrm
1
0
Fork 0
forked from test/crm
Code Pull Requests Activity

refactor: adjust padding and improve layout for Settings component

Browse Source 
(cherry picked from commit d687a2eb56142c49b2b776dec55ad533556421f6)
This commit is contained in:
Shariq Ansari 2025-09-18 14:43:44 +05:30 committed by Mergify
parent af248964c6
commit 2546bdabb1
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/Settings/Settings.vue
View File

@ -7,19 +7,19 @@
> >
<template #body> <template #body>
<div class="flex h-[calc(100vh_-_8rem)]"> <div class="flex h-[calc(100vh_-_8rem)]">
<div class="flex flex-col p-2 w-52 shrink-0 bg-surface-gray-2"> <div class="flex flex-col p-1 w-52 shrink-0 bg-surface-gray-2">
<h1 class="px-2 pt-2 mb-3 text-lg font-semibold text-ink-gray-8"> <h1 class="px-3 pt-3 pb-2 text-lg font-semibold text-ink-gray-8">
{{ __('Settings') }} {{ __('Settings') }}
</h1> </h1>
<div class="flex flex-col overflow-y-auto"> <div class="flex flex-col overflow-y-auto">
<template v-for="tab in tabs" :key="tab.label"> <template v-for="tab in tabs" :key="tab.label">
<div <div
v-if="!tab.hideLabel" v-if="!tab.hideLabel"
class="py-[7px] px-1 my-1 flex cursor-pointer gap-1.5 text-base text-ink-gray-5 transition-all duration-300 ease-in-out" class="py-[7px] px-2 my-1 flex cursor-pointer gap-1.5 text-base text-ink-gray-5 transition-all duration-300 ease-in-out"
> >
<span>{{ __(tab.label) }}</span> <span>{{ __(tab.label) }}</span>
</div> </div>
<nav class="space-y-1"> <nav class="space-y-1 px-1">
<SidebarLink <SidebarLink
v-for="i in tab.items" v-for="i in tab.items"
:icon="i.icon" :icon="i.icon"