This commit is contained in:
Viet An
2026-05-22 09:57:12 +07:00
parent 58367a4793
commit 09b8a096d9
27 changed files with 74 additions and 1041 deletions

View File

@@ -7,6 +7,6 @@ const props = defineProps({
<template>
<div
class="w-full h-4"
:style="{ backgroundColor: color, outline: '1px solid var(--bulma-grey-85)' }"
:style="{ backgroundColor: color, outline: '1px solid var(--bulma-grey-lighter)' }"
></div>
</template>

View File

@@ -1,9 +1,31 @@
<script setup>
import Products from "@/components/imports/Products.vue";
const { $snackbar } = useNuxtApp();
</script>
<template>
<div class="fixed-grid has-12-cols">
<div class="grid">
<div class="cell is-col-span-12">
<button @click="$snackbar('heyo', 'Success')">click</button>
<hr />
<div class="is-flex">
<div class="size-16 has-background-black"></div>
<div class="size-16 has-background-black-bis"></div>
<div class="size-16 has-background-black-ter"></div>
<div class="size-16 has-background-grey-darker"></div>
<div class="size-16 has-background-grey-dark"></div>
<div class="size-16 has-background-grey"></div>
<div class="size-16 has-background-grey-light"></div>
<div class="size-16 has-background-grey-lighter"></div>
<div class="size-16 has-background-grey-lightest"></div>
<div class="size-16 has-background-white-ter"></div>
<div class="size-16 has-background-white-bis"></div>
<div class="size-16 has-background-white"></div>
</div>
<div class="is-flex">
<div class="size-16 has-background-grey"></div>
</div>
</div>
<div class="cell is-col-span-12">
<Products />
</div>

View File

@@ -217,7 +217,7 @@ async function submit() {
<div
v-if="uploadedImage"
class="relative"
style="border: 1px solid var(--bulma-grey-50)"
style="border: 1px solid var(--bulma-grey)"
>
<figure class="image is-128x128">
<img :src="$buildFileUrl(uploadedImage.file)" />
@@ -244,7 +244,7 @@ async function submit() {
<div
v-else
class="w-36 h-36 rounded-md is-flex is-align-items-center is-justify-content-center"
style="border: 1px solid var(--bulma-grey-80)"
style="border: 1px solid var(--bulma-grey-lighter)"
>
<Icon
name="material-symbols:add-photo-alternate-outline-rounded"

View File

@@ -194,7 +194,7 @@ async function submit() {
<div
v-if="uploadedImage"
class="relative"
style="border: 1px solid var(--bulma-grey-50)"
style="border: 1px solid var(--bulma-grey)"
>
<figure class="image is-128x128">
<img :src="$buildFileUrl(uploadedImage.file)" />
@@ -221,7 +221,7 @@ async function submit() {
<div
v-else
class="w-36 h-36 rounded-md is-flex is-align-items-center is-justify-content-center"
style="border: 1px solid var(--bulma-grey-80)"
style="border: 1px solid var(--bulma-grey-lighter)"
>
<Icon
name="material-symbols:add-photo-alternate-outline-rounded"