chore(dashboard): apply custom design (select-card)

Signed-off-by: samuel.park <samuel.park@megazone.com>
cloudforet-io · Jan 6, 2025 · 123f5be · 123f5be
1 parent 80ced86
commit 123f5be
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/apps/web/src/common/modules/widgets/_components/WidgetFormDataSourcePopover.vue b/apps/web/src/common/modules/widgets/_components/WidgetFormDataSourcePopover.vue
@@ -526,6 +526,20 @@ watch(() => state.showPopover, (val) => {
                     display: flex;
                     flex-direction: column;
                     gap: 0.5rem;
+
+                    /* custom design-system component - p-select-card */
+                    :deep(.p-select-card) {
+                        height: 5.625rem;
+                        padding: 1rem;
+                        .select-card-contents {
+                            @apply flex justify-start items-center;
+                            flex-direction: row;
+                            .p-lazy-img {
+                                margin-right: 0.25rem;
+                                margin-bottom: 0;
+                            }
+                        }
+                    }
                 }
                 .content-divider {
                     margin: 0 1.125rem;
@@ -623,7 +637,6 @@ watch(() => state.showPopover, (val) => {
 
 /* custom design-system component - p-select-card */
 :deep(.p-select-card) {
-    height: 5.625rem;
     padding: 1rem;
     .select-card-contents {
         @apply flex justify-start items-center;