diff options
| -rw-r--r-- | src/App.vue | 6 | ||||
| -rw-r--r-- | src/components/icon/PauseIcon.vue | 12 |
2 files changed, 16 insertions, 2 deletions
diff --git a/src/App.vue b/src/App.vue index aa0e859..0961c7a 100644 --- a/src/App.vue +++ b/src/App.vue @@ -10,7 +10,8 @@ <search-icon/> </icon-button> <icon-button v-if="!uiOpts.disabledActions.has('autoMode')" :style="buttonStyles" @click="onAutoIconClick"> - <play-icon/> + <play-icon v-if="!modeRunning"/> + <pause-icon v-else/> </icon-button> <icon-button v-if="!uiOpts.disabledActions.has('settings')" :style="buttonStyles" @click="onSettingsIconClick"> <settings-icon/> @@ -80,6 +81,7 @@ import IconButton from './components/IconButton.vue'; // Icons import SearchIcon from './components/icon/SearchIcon.vue'; import PlayIcon from './components/icon/PlayIcon.vue'; +import PauseIcon from './components/icon/PauseIcon.vue'; import SettingsIcon from './components/icon/SettingsIcon.vue'; import HelpIcon from './components/icon/HelpIcon.vue'; // Other @@ -963,7 +965,7 @@ export default defineComponent({ }, components: { Tile, TutorialPane, AncestryBar, - IconButton, SearchIcon, PlayIcon, SettingsIcon, HelpIcon, + IconButton, SearchIcon, PlayIcon, PauseIcon, SettingsIcon, HelpIcon, TileInfoModal, SearchModal, SettingsModal, HelpModal, }, }); diff --git a/src/components/icon/PauseIcon.vue b/src/components/icon/PauseIcon.vue new file mode 100644 index 0000000..dc768a2 --- /dev/null +++ b/src/components/icon/PauseIcon.vue @@ -0,0 +1,12 @@ +<template> +<svg viewBox="0 0 24 24" fill="none" + stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> + <rect x="6" y="4" width="4" height="16"></rect> + <rect x="14" y="4" width="4" height="16"></rect> +</svg> +</template> + +<script lang="ts"> +import {defineComponent, PropType} from 'vue'; +export default defineComponent({}); +</script> |