valere/evilspins
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

drop position in studio

Browse Source
This commit is contained in:
valere
2025-09-30 12:35:59 +02:00
parent 5c7c8e7a0d
commit c028fda489
1 changed files with 5 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
app/pages/studio.vue
View File

@@ -3,11 +3,11 @@
<div class="bg-page-dark-bg text-white"> <div class="bg-page-dark-bg text-white">
<div class="flex flex-col-reverse bg-gradient-to-r from-primary to-primary-dark"> <div class="flex flex-col-reverse bg-gradient-to-r from-primary to-primary-dark">
<div class="mt-8 flex flex-wrap justify-center"> <div class="mt-8 flex flex-wrap justify-center">
<molecule-box :compilation="compilation" :position="currentPosition" :size="size" /> <molecule-box :compilation="compilation" />
<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.side">side</button>
<button @click="currentPosition = boxPositions.front">front</button> <button @click="currentPosition = boxPositions.front">front</button>
<button @click="currentPosition = boxPositions.back">back</button> <button @click="currentPosition = boxPositions.back">back</button> -->
<div class="w-full block"> <div class="w-full block">
<input class="w-1/2" type="color" name="color1" id="color1" v-model="compilation.color1"> <input class="w-1/2" type="color" name="color1" id="color1" v-model="compilation.color1">
<input class="w-1/2" type="color" name="color1" id="color1" v-model="compilation.color2"> <input class="w-1/2" type="color" name="color1" id="color1" v-model="compilation.color2">
@@ -20,7 +20,7 @@
<input v-model.number="size" type="range" step="1" min="1" max="14"> <input v-model.number="size" type="range" step="1" min="1" max="14">
</label> </label>
</div> </div>
<div> <!-- <div>
<label class="block"> <label class="block">
X: {{ currentPosition.x }} X: {{ currentPosition.x }}
<input v-model.number="currentPosition.x" type="range" step="1" min="-180" max="180"> <input v-model.number="currentPosition.x" type="range" step="1" min="-180" max="180">
@@ -33,7 +33,7 @@
Z: {{ currentPosition.z }} Z: {{ currentPosition.z }}
<input v-model.number="currentPosition.z" type="range" step="1" min="-180" max="180"> <input v-model.number="currentPosition.z" type="range" step="1" min="-180" max="180">
</label> </label>
</div> </div> -->
</div> </div>
</div> </div>
</div> </div>
@@ -44,7 +44,6 @@
<script setup lang="ts"> <script setup lang="ts">
import type { BoxPosition, Compilation, Track } from '~~/types/types' import type { BoxPosition, Compilation, Track } from '~~/types/types'
import { boxPositions } from '~/store/position'
const compilation = ref<Compilation>({ const compilation = ref<Compilation>({
id: 'ES00A', id: 'ES00A',
@@ -71,9 +70,5 @@ const track = ref<Track>({
coverId: 'a3236746052', coverId: 'a3236746052',
}) })
const size = ref(6)
const currentPosition: Ref<BoxPosition> = ref(boxPositions.side)
//from-slate-800 to-zinc-900 //from-slate-800 to-zinc-900
</script> </script>