쿠버네티스 모델링의 kubectl code 다이얼로그 UI 수정, 일부 아이콘 svg로 변경

msa-ez · Jan 8, 2025 · d631b7e · d631b7e
1 parent e7cdedf
commit d631b7e
Show file tree

Hide file tree

Showing 9 changed files with 19 additions and 24 deletions.
diff --git a/public/assets/icon/flag.svg b/public/assets/icon/flag.svg
diff --git a/public/assets/icon/home-storage.svg b/public/assets/icon/home-storage.svg
diff --git a/public/assets/icon/modeling-view.svg b/public/assets/icon/modeling-view.svg
diff --git a/public/assets/icon/windows.svg b/public/assets/icon/windows.svg
diff --git a/src/components/designer/es-modeling/EventStormingModelCanvas.vue b/src/components/designer/es-modeling/EventStormingModelCanvas.vue
@@ -1532,25 +1532,16 @@
                             transition="dialog-bottom-transition"
                     >
                         <v-card>
-                            <Icon
-                                    v-if="
-                                    embeddedCanvasType ==
-                                    'Domain Class Modeling'
-                                "
-                                    class="gs-icon-style"
-                                    icon="fluent-mdl2:modeling-view"
-                                    style="
-                                    margin-right: 2px;
-                                    height: 40px;
-                                    width: 40px;
-                                    color: #1e88e5;
+                            <Icons v-if="embeddedCanvasType == 'Domain Class Modeling'"
+                                class="gs-icon-style"
+                                :icon="'modeling-view'"
+                                :size="50"
+                                :color="'#1e88e5'"
+                                style="margin-right: 2px;
                                     position: fixed;
                                     z-index: 1;
                                     top: 15px;
-                                    left: 20px;
-                                    width: 50px;
-                                    height: 50px;
-                                "
+                                    left: 20px;"
                             />
                             <v-icon
                                     v-else-if="embeddedCanvasType == 'Kubernetes'"

diff --git a/src/components/designer/es-modeling/EventStormingModelReplay.vue b/src/components/designer/es-modeling/EventStormingModelReplay.vue
@@ -133,10 +133,9 @@
                                      @mouseover="onOverSliderMarkLists($event, versionItem, 'version')"
                                      @mouseleave="onOverSliderMarkLists($event, versionItem, 'version')"
                                 >
-                                <Icon
-                                    icon="mdi:flag"
-                                    width="20px" height="20px"
-                                    style="background-color:transparent; color:orange; position: absolute; bottom: 8px;"/>
+                                <Icons
+                                    :icon="'flag'" :size="20" :color="'orange'"
+                                    style="background-color:transparent; position: absolute; bottom: 8px;"/>
                                 </div>
                             </div>
 

diff --git a/src/components/designer/k8s-modeling/KubernetesModelCanvas.vue b/src/components/designer/k8s-modeling/KubernetesModelCanvas.vue
@@ -1,6 +1,7 @@
 <template xmlns:v-on="http://www.w3.org/1999/xhtml">
     <div class="page" :class="{ 'embedded' : embedded }">
         <separate-panel-components
+            class="ma-0 pa-0"
             :min="mainSeparatePanel.min"
             :max="mainSeparatePanel.max"
             :triggerLength="5"

diff --git a/src/components/labs/tools/LabToolUrl.vue b/src/components/labs/tools/LabToolUrl.vue
@@ -57,7 +57,7 @@
             >
                 <span style="color: white;">
                     <v-row>
-                        <Icon style="width:30px; height:30px; margin-right:5px; margin-top:2px;" icon="cib:windows" />
+                        <Icons :icon="'windows'" :size="30" style="margin-right:5px; margin-top:2px;" />
                         <div style="text-align:left; margin-top:2px;">For<br>Windows</div>
                     </v-row>
                 </span>

diff --git a/src/components/listPages/AlgoliaModelLists.vue b/src/components/listPages/AlgoliaModelLists.vue
@@ -30,10 +30,10 @@
                         >
                             <template v-slot:activator>
                                 <v-list-item-title style="margin:5px 0px 0px 10px; font-weight: 700;">
-                                    <div style="display: flex;">
-                                        <Icon icon="material-symbols:home-storage" width="26" height="26" style="margin-right:5px;" />
+                                    <v-row class="ma-0 pa-0">
+                                        <Icons :icon="'home-storage'" :size="26" style="margin-right:5px;" />
                                         <div class="cp-storage" :class="isForeign ? 'isForeign-storage-main-list-text' : 'isNotForeign-storage-main-list-text'">{{$t('mainNav.Storage')}}</div>
-                                    </div>
+                                    </v-row>
                                 </v-list-item-title>
                             </template>
                             <v-card