Przeglądaj źródła

Fix some missing styling

master
Fen Dweller 4 lat temu
rodzic
commit
87fa058d39
2 zmienionych plików z 15 dodań i 13 usunięć
  1. +12
    -2
      src/Dissolve.vue
  2. +3
    -11
      src/components/SoundscapeComp.vue

+ 12
- 2
src/Dissolve.vue Wyświetl plik

@@ -8,18 +8,20 @@
Many sounds by <a href="https://www.furaffinity.net/user/jeschke">Jit</a>!
</div>
<button v-on:click="start" class="start-button">
{{ started ? "Add" : "Start" }}
{{ started ? "Add Soundscape" : "Start" }}
</button>
<SoundscapeComp
v-for="(soundscape, index) in soundscapes"
:key="index"
:soundscape="soundscape"
/>

<button v-on:click="clear">Delete all cached sound (if it gets stuck)</button>
</template>

<script lang="ts">
import { Options, Vue } from "vue-class-component";
import { setup, Soundscape } from "./audio";
import { clearCache, setup, Soundscape } from "./audio";
import SoundscapeComp from "./components/SoundscapeComp.vue";

@Options({
@@ -41,6 +43,10 @@ export default class Dissolve extends Vue {
mounted(): void {
setup();
}

clear(): void {
clearCache();
}
}
</script>

@@ -57,6 +63,10 @@ body {
background: #111;
margin-top: 60px;
}

.start-button {
font-size: 60pt;
}
</style>

<style src="@vueform/slider/themes/default.css"></style>


+ 3
- 11
src/components/SoundscapeComp.vue Wyświetl plik

@@ -14,12 +14,10 @@
</filter-node>
</div>
<div></div>

<button v-on:click="clear">Delete all cached sound (if it gets stuck)</button>
</template>

<script lang="ts">
import { clearCache, Soundscape } from "@/audio";
import { Soundscape } from "@/audio";
import { Options, Vue } from "vue-class-component";
import SourceNode from "./nodes/SourceNode.vue";
import FilterNode from "./nodes/FilterNode.vue";
@@ -43,10 +41,6 @@ export default class SoundscapeComp extends Vue {
started = false;
context!: AudioContext;

clear(): void {
clearCache();
}

mounted(): void {
this.soundscape.addSource(Sources.makeGlorps());
this.soundscape.addSource(Sources.makeDigestion());
@@ -79,9 +73,7 @@ export default class SoundscapeComp extends Vue {
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
grid-auto-rows: 200px;
grid-gap: 20px;
}

.start-button {
font-size: 60pt;
background: #222;
border-radius: 30px;
}
</style>

Ładowanie…
Anuluj
Zapisz