fix icon buttons

This commit is contained in:
Carter 2024-01-22 11:29:24 -08:00
parent e27d2ebd2e
commit 77d44c697e
No known key found for this signature in database

View File

@ -4,7 +4,7 @@
v-if="currentLoadingBars.length > 0"
ref="infoButton"
icon-only
class="icon-button show-card-icon"
class="show-card-icon"
@click="toggleCard()"
>
<DownloadIcon />
@ -30,7 +30,7 @@
<DropdownIcon />
</div>
</div>
<Button v-tooltip="'Stop instance'" icon-only class="icon-button stop" @click="stop()">
<Button v-tooltip="'Stop instance'" icon-only class="stop" @click="stop()">
<StopCircleIcon />
</Button>
<Button v-tooltip="'View logs'" icon-only class="icon-button" @click="goToTerminal()">
@ -319,17 +319,6 @@ onBeforeUnmount(() => {
}
}
.icon-button {
background-color: rgba(0, 0, 0, 0);
box-shadow: none;
width: 1.25rem !important;
height: 1.25rem !important;
&.stop {
--text-color: var(--color-red) !important;
}
}
.info-card {
position: absolute;
top: 3.5rem;