fixed bug gfx vue component

resources/js/components/Gfxer.vue

@@ -7,7 +7,8 @@
                         <i class="ri-brush-2-line"></i>
                         GFX
                     </h3>
-                    <div v-for="(v,i) in values" class="p-2 item-gfx">
+                    <template v-for="(v,i) in values" >
+                        <div v-if="v != undefined" class="p-2 item-gfx">
                             <div class="float-end"
                                  v-if="i == 'background' || i == 'primary' || i == 'secondary' || i == 'text'">
                                 <input type="color" v-model="values[i]" class="form-control-color">
@@ -33,8 +34,10 @@
                                     <option value="container-fluid"> Container fluid</option>
                                 </select>
                             </template>
+
                             <input :name="'gfx['+i+']'" :type="_dbg_" :value="v">
                         </div>
+                    </template>
                     <div class="p-2">
                         <select v-model="device" class="form-control">
                             <option value="desktop"> Desktop</option>
@@ -394,6 +397,7 @@ export default {
 }
 
 .diff {
-    filter: invert(1);mix-blend-mode: difference;
+    filter: invert(1);
+    mix-blend-mode: difference;
 }
 </style>