From cfcb9ec470ab6d8d5a8f20115fab5f38bb31a06a Mon Sep 17 00:00:00 2001
From: Yongtae Park <samuel.park@megazone.com>
Date: Thu, 27 Feb 2025 16:58:19 +0900
Subject: [PATCH] chore: edit dashboard tree item layout

Signed-off-by: samuel.park <samuel.park@megazone.com>
---
 .../components/dashboard-folder/DashboardFolderTreeItem.vue  | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/services/dashboards/components/dashboard-folder/DashboardFolderTreeItem.vue b/apps/web/src/services/dashboards/components/dashboard-folder/DashboardFolderTreeItem.vue
index d7048c7e60..f7d87ce279 100644
--- a/apps/web/src/services/dashboards/components/dashboard-folder/DashboardFolderTreeItem.vue
+++ b/apps/web/src/services/dashboards/components/dashboard-folder/DashboardFolderTreeItem.vue
@@ -133,7 +133,7 @@ const handleSelectControlButton = (id: string, item: MenuItem) => {
                  @click="handleClickTreeItem"
             >
                 <div class="contents-wrapper">
-                    <div class="left-part">
+                    <div :class="{'left-part': true, 'is-dashboard-item': !Array.isArray(node.children) && node.depth === 0 }">
                         <p-i class="dashboard-icon"
                              :name="Array.isArray(node.children) ? 'ic_folder' : 'ic_service_dashboard'"
                              :color="gray[600]"
@@ -230,6 +230,9 @@ const handleSelectControlButton = (id: string, item: MenuItem) => {
                 display: flex;
                 align-items: center;
                 gap: 0.25rem;
+                &.is-dashboard-item {
+                    padding-left: 1rem;
+                }
                 .dashboard-icon {
                     min-width: 0.875rem;
                 }