Просмотр исходного кода

Fix some missing styling

master
Fen Dweller 4 лет назад
Родитель
Сommit
87fa058d39
2 измененных файлов: 15 добавлений и 13 удалений
  1. +12
    -2
      src/Dissolve.vue
  2. +3
    -11
      src/components/SoundscapeComp.vue

+ 12
- 2
src/Dissolve.vue Просмотреть файл

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

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


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


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

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


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

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


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


+ 3
- 11
src/components/SoundscapeComp.vue Просмотреть файл

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

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


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


clear(): void {
clearCache();
}

mounted(): void { mounted(): void {
this.soundscape.addSource(Sources.makeGlorps()); this.soundscape.addSource(Sources.makeGlorps());
this.soundscape.addSource(Sources.makeDigestion()); 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-template-columns: repeat(auto-fit, minmax(400px, 1fr));
grid-auto-rows: 200px; grid-auto-rows: 200px;
grid-gap: 20px; grid-gap: 20px;
}

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

Загрузка…
Отмена
Сохранить