diff --git a/theseus_gui/src/App.vue b/theseus_gui/src/App.vue index 929dc96bc..f18489548 100644 --- a/theseus_gui/src/App.vue +++ b/theseus_gui/src/App.vue @@ -12,6 +12,7 @@ import { XIcon, Card, TextLogo, + PlusIcon, } from 'omorphia' import { useLoading, useTheming } from '@/store/state' import AccountsCard from './components/ui/AccountsCard.vue' @@ -336,6 +337,15 @@ command_listener(async (e) => { + $refs.installationModal.show()" + > + + diff --git a/theseus_gui/src/components/ui/RunningAppBar.vue b/theseus_gui/src/components/ui/RunningAppBar.vue index 53be85111..dedc6fa0f 100644 --- a/theseus_gui/src/components/ui/RunningAppBar.vue +++ b/theseus_gui/src/components/ui/RunningAppBar.vue @@ -4,7 +4,7 @@ v-if="currentLoadingBars.length > 0" ref="infoButton" icon-only - class="show-card-icon" + class="download icon-button" @click="toggleCard()" > @@ -30,17 +30,17 @@ - + - + @@ -77,10 +77,20 @@ @click="selectProfile(profile)" > {{ profile.metadata.name }} - + - + @@ -309,6 +319,21 @@ onBeforeUnmount(() => { } } +.icon-button { + background-color: rgba(0, 0, 0, 0); + box-shadow: none; + + padding: 0 !important; +} + +.stop { + color: var(--color-red); +} + +.utility { + color: var(--color-contrast); +} + .info-card { position: absolute; top: 3.5rem; @@ -368,7 +393,7 @@ onBeforeUnmount(() => { } } -.show-card-icon { +.download { color: var(--color-brand); }