changes
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user