evilSpins v1
This commit is contained in:
@@ -4,17 +4,19 @@
|
||||
<div class="flex flex-col-reverse bg-gradient-to-r from-primary to-primary-dark">
|
||||
<div class="mt-8 flex flex-wrap justify-center">
|
||||
<!-- <box :box="box" /> -->
|
||||
<div class="devtool absolute right-4 text-white bg-black rounded-2xl px-4 py-2">
|
||||
<div class="devtool absolute right-4 text-white bg-black rounded-2xl px-4 py-2">
|
||||
<!-- <button @click="currentPosition = boxPositions.side">side</button>
|
||||
<button @click="currentPosition = boxPositions.front">front</button>
|
||||
<button @click="currentPosition = boxPositions.back">back</button> -->
|
||||
<div class="w-full block">
|
||||
<input class="w-1/2" type="color" name="color1" id="color1" v-model="box.color1">
|
||||
<input class="w-1/2" type="color" name="color1" id="color1" v-model="box.color2">
|
||||
<div class="block w-full h-32" :style="{
|
||||
background: `linear-gradient(to top, ${box.color1}, ${box.color2})`
|
||||
}">
|
||||
</div>
|
||||
<input class="w-1/2" type="color" name="color1" id="color1" v-model="box.color1" />
|
||||
<input class="w-1/2" type="color" name="color1" id="color1" v-model="box.color2" />
|
||||
<div
|
||||
class="block w-full h-32"
|
||||
:style="{
|
||||
background: `linear-gradient(to top, ${box.color1}, ${box.color2})`
|
||||
}"
|
||||
></div>
|
||||
<!-- <label class="block">
|
||||
size: {{ size }}
|
||||
<input v-model.number="size" type="range" step="1" min="1" max="14">
|
||||
@@ -62,15 +64,15 @@ const track = ref<Track>({
|
||||
title: 'The grinding wheel',
|
||||
artist: {
|
||||
id: 0,
|
||||
name: 'L\'Efondras',
|
||||
name: "L'Efondras",
|
||||
url: '',
|
||||
coverId: '0024705317',
|
||||
coverId: '0024705317'
|
||||
},
|
||||
start: 0,
|
||||
url: 'https://arakirecords.bandcamp.com/track/the-grinding-wheel',
|
||||
coverId: 'a3236746052',
|
||||
type: 'compilation',
|
||||
type: 'compilation'
|
||||
})
|
||||
|
||||
//from-slate-800 to-zinc-900
|
||||
//from-slate-800 to-zinc-900
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user