update img

frontend/src/views/main/Upload.vue

@@ -45,6 +45,18 @@ const anchorList = reactive([
     anchor_id: "peggy",
     name: "Peggy",
   },
+  {
+    anchor_id: "ITRI_1",
+    name: "ITRI_1",
+  },
+  {
+    anchor_id: "ITRI_2",
+    name: "ITRI_2",
+  },
+  {
+    anchor_id: "ITRI_3",
+    name: "ITRI_3",
+  },
   // {
   //   anchor_id: "syscom",
   //   name: "James Liu",
@@ -54,70 +66,58 @@ const anchorList = reactive([
 const templateList = reactive([
   {
     template_id: "style1",
-    img: "1114-1",
-  },
-  {
-    template_id: "style2",
-    img: "1114-2",
-  },
-  {
-    template_id: "style3",
-    img: "1114-3",
-  },
-  {
-    template_id: "style4",
     img: "天井",
   },
   {
-    template_id: "style5",
+    template_id: "style2",
     img: "城市",
   },
   {
-    template_id: "style6",
+    template_id: "style3",
     img: "城市2",
   },
   {
-    template_id: "style7",
+    template_id: "style4",
     img: "城市3",
   },
   {
-    template_id: "style8",
+    template_id: "style5",
     img: "高樓",
   },
   {
-    template_id: "style9",
+    template_id: "style6",
     img: "落地窗",
   },
   {
-    template_id: "style10",
+    template_id: "style7",
     img: "落地窗2",
   },
   {
-    template_id: "style11",
+    template_id: "style8",
     img: "網路",
   },
   {
-    template_id: "style12",
+    template_id: "style9",
     img: "網路2",
   },
   {
-    template_id: "style13",
+    template_id: "style10",
     img: "網路3",
   },
   {
-    template_id: "style14",
+    template_id: "style11",
     img: "鏡面-01",
   },
   {
-    template_id: "style15",
+    template_id: "style12",
     img: "鏡面-02",
   },
   {
-    template_id: "style16",
+    template_id: "style13",
     img: "鏡面-03",
   },
   {
-    template_id: "style17",
+    template_id: "style14",
     img: "鏡面-04",
   },
 ]);
@@ -379,7 +379,7 @@ async function Submit() {
 .anchor-list {
   ul {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(150px, max-content));
+    grid-template-columns: repeat(auto-fit, minmax(180px, max-content));
     grid-gap: 20px;
     justify-content: center;
     padding: initial;
@@ -388,9 +388,10 @@ async function Submit() {
     }
   }
   img {
-    width: 100%;
-    height: 140px;
+    width: 200px;
+    height: 170px;
     object-fit: cover;
+    object-position: right;
   }
 
   .v-card--variant-elevated {