From d631b7e3f172d48e2327943f0ec89ce9b293a700 Mon Sep 17 00:00:00 2001
From: kibumpark <top5w5@naver.com>
Date: Wed, 8 Jan 2025 14:31:36 +0900
Subject: [PATCH] =?UTF-8?q?=EC=BF=A0=EB=B2=84=EB=84=A4=ED=8B=B0=EC=8A=A4?=
 =?UTF-8?q?=20=EB=AA=A8=EB=8D=B8=EB=A7=81=EC=9D=98=20kubectl=20code=20?=
 =?UTF-8?q?=EB=8B=A4=EC=9D=B4=EC=96=BC=EB=A1=9C=EA=B7=B8=20UI=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95,=20=EC=9D=BC=EB=B6=80=20=EC=95=84=EC=9D=B4=EC=BD=98?=
 =?UTF-8?q?=20svg=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/assets/icon/flag.svg                   |  1 +
 public/assets/icon/home-storage.svg           |  1 +
 public/assets/icon/modeling-view.svg          |  1 +
 public/assets/icon/windows.svg                |  1 +
 .../es-modeling/EventStormingModelCanvas.vue  | 23 ++++++-------------
 .../es-modeling/EventStormingModelReplay.vue  |  7 +++---
 .../k8s-modeling/KubernetesModelCanvas.vue    |  1 +
 src/components/labs/tools/LabToolUrl.vue      |  2 +-
 .../listPages/AlgoliaModelLists.vue           |  6 ++---
 9 files changed, 19 insertions(+), 24 deletions(-)
 create mode 100644 public/assets/icon/flag.svg
 create mode 100644 public/assets/icon/home-storage.svg
 create mode 100644 public/assets/icon/modeling-view.svg
 create mode 100644 public/assets/icon/windows.svg

diff --git a/public/assets/icon/flag.svg b/public/assets/icon/flag.svg
new file mode 100644
index 00000000..8735a31a
--- /dev/null
+++ b/public/assets/icon/flag.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4 5a1 1 0 0 1 .3-.714a6 6 0 0 1 8.213-.176l.351.328a4 4 0 0 0 5.272 0l.249-.227c.61-.483 1.527-.097 1.61.676L20 5v9a1 1 0 0 1-.3.714a6 6 0 0 1-8.213.176l-.351-.328A4 4 0 0 0 6 14.448V21a1 1 0 0 1-1.993.117L4 21z"/></svg>
\ No newline at end of file
diff --git a/public/assets/icon/home-storage.svg b/public/assets/icon/home-storage.svg
new file mode 100644
index 00000000..3129fa02
--- /dev/null
+++ b/public/assets/icon/home-storage.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.7 21q-.725 0-1.287-.475t-.688-1.2L3.2 10.175q-.075-.45.213-.812T4.175 9h15.65q.475 0 .763.363t.212.812l-1.525 9.15q-.125.725-.687 1.2T17.3 21zm3.3-6h4q.425 0 .713-.288T15 14t-.288-.712T14 13h-4q-.425 0-.712.288T9 14t.288.713T10 15M6 8q-.425 0-.712-.288T5 7t.288-.712T6 6h12q.425 0 .713.288T19 7t-.288.713T18 8zm2-3q-.425 0-.712-.288T7 4t.288-.712T8 3h8q.425 0 .713.288T17 4t-.288.713T16 5z"/></svg>
\ No newline at end of file
diff --git a/public/assets/icon/modeling-view.svg b/public/assets/icon/modeling-view.svg
new file mode 100644
index 00000000..ea098db6
--- /dev/null
+++ b/public/assets/icon/modeling-view.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M2048 896h-896V384H512v256h384v896H512v256h640v-640h896v896h-896v-128H384v-384H0V640h384V256h768V0h896zm-768-768v128h640V128zm0 256v384h640V384zm0 896v128h640v-128zm0 256v384h640v-384zm-512-128v-384H128v384zm0-640H128v128h640z"/></svg>
\ No newline at end of file
diff --git a/public/assets/icon/windows.svg b/public/assets/icon/windows.svg
new file mode 100644
index 00000000..0ba69ba5
--- /dev/null
+++ b/public/assets/icon/windows.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M.883 1.503L5.375.987v5.148H0V2.46a1 1 0 0 1 .881-.957zM0 7.385v3.697a1.01 1.01 0 0 0 .832.99l4.543.697V7.385zm6.625 0v5.576l6.217.953a1 1 0 0 0 1.158-.98V7.385zM14 6.135V1.112a.99.99 0 0 0-1.123-.988L6.625.843v5.292z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/components/designer/es-modeling/EventStormingModelCanvas.vue b/src/components/designer/es-modeling/EventStormingModelCanvas.vue
index 846862ba..8e24a693 100644
--- 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
index 7ec46507..45febccd 100644
--- 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
index 940eb92e..bd3546a1 100644
--- 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
index dbd3634f..a890cd4e 100644
--- 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
index fd7ee755..f6f2888d 100644
--- 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