init

2026-03-22 21:47:30 +03:00
parent 495d8a5bd3
commit d9dad0f7d9
2 changed files with 25 additions and 7 deletions
--- a/frontend/src/views/MaterialsView.vue
+++ b/frontend/src/views/MaterialsView.vue
@@ -39,8 +39,9 @@
          </div>

          <div v-if="mat.color_options?.length" class="mt-3 flex flex-wrap gap-1.5">
-            <span v-for="c in mat.color_options" :key="c" class="rounded-full bg-gray-100 px-2 py-0.5 text-[10px] text-gray-600">
-              {{ c }}
+            <span v-for="c in mat.color_options" :key="c.hex" class="inline-flex items-center gap-1 rounded-full bg-gray-100 px-2 py-0.5 text-[10px] text-gray-600">
+              <span class="inline-block h-3 w-3 rounded-full border border-gray-300 flex-shrink-0" :style="{ backgroundColor: c.hex }"></span>
+              {{ c.name }}
            </span>
          </div>
        </div>