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

sql #33

Open
valere wants to merge 34 commits from sql into master
pull from: sql
merge into: valere:master
Conversation 1 Commits 34 Files Changed 114 +10 -6
4 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 620112d9ba - Show all commits

4
app/app.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="min-h-screen" @keydown.esc="resetFocus"> <div class="min-h-screen dark:bg-neutral-900" @keydown.esc="resetFocus">
<NuxtRouteAnnouncer /> <NuxtRouteAnnouncer />
<NuxtLayout> <NuxtLayout>
<NuxtPage ref="pageContent" /> <NuxtPage ref="pageContent" />
@@ -10,7 +10,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, onMounted, onUnmounted } from 'vue' import { ref, onMounted, onUnmounted } from 'vue'
const pageContent = ref < HTMLElement | null > (null) const pageContent = ref<HTMLElement | null>(null)
const resetFocus = (event: KeyboardEvent) => { const resetFocus = (event: KeyboardEvent) => {
if (event.key === 'Escape') { if (event.key === 'Escape') {

2
app/components/Card.vue
View File

@@ -183,7 +183,7 @@ const isTrackLoaded = ref(false)
} }
.play-button { .play-button {
@apply absolute bottom-1/2 top-28 opacity-0 hover:opacity-100; @apply absolute opacity-0 hover:opacity-100;
} }
&.show-play-button { &.show-play-button {

7
app/components/Platine.vue
View File

@@ -8,7 +8,7 @@
<button @click="Rewind"> <button @click="Rewind">
rewind rewind
</button> </button>
<div>{{ progressPercentage }}</div> <!-- <div>{{ progressPercentage }}</div> -->
<div>{{ currentSpeed }}</div> <div>{{ currentSpeed }}</div>
</div> </div>
<div class="disc" ref="discRef" id="disc"> <div class="disc" ref="discRef" id="disc">
@@ -183,7 +183,10 @@ const Reverse = () => {
} }
const Rewind = async () => { const Rewind = async () => {
// ... if (!disc.value || !sampler.value) return
Reverse()
play()
} }
const handleKeyDown = (e: KeyboardEvent) => { const handleKeyDown = (e: KeyboardEvent) => {

3
app/pages/index.vue
View File

@@ -77,7 +77,8 @@ $open-speed: 0.4s;
border-radius: 999px; border-radius: 999px;
} }
.rank { .rank,
.play-button {
opacity: 0; opacity: 0;
} }
} }