fix: revert to large buttons

This commit is contained in:
tdgao
2026-04-14 18:42:51 -06:00
parent e9d42f276c
commit 0109fdfef6
3 changed files with 8 additions and 8 deletions
@@ -1,14 +1,14 @@
<template> <template>
<div class="contents"> <div class="contents">
<div class="flex flex-row items-center gap-2 rounded-lg"> <div class="flex flex-row items-center gap-2 rounded-lg">
<ButtonStyled v-if="isInstalling" type="standard" color="brand"> <ButtonStyled v-if="isInstalling" type="standard" color="brand" size="large">
<button disabled class="flex-shrink-0"> <button disabled class="flex-shrink-0">
<LoaderCircleIcon class="size-5 animate-spin" /> Installing... <LoaderCircleIcon class="size-5 animate-spin" /> Installing...
</button> </button>
</ButtonStyled> </ButtonStyled>
<template v-else> <template v-else>
<ButtonStyled v-if="showStopButton" type="standard" color="red"> <ButtonStyled v-if="showStopButton" type="standard" color="red" size="large">
<button <button
v-tooltip="busyTooltip" v-tooltip="busyTooltip"
:disabled="!canTakeAction" :disabled="!canTakeAction"
@@ -22,13 +22,13 @@
</ButtonStyled> </ButtonStyled>
<div v-if="showRestartDropdown" class="joined-buttons"> <div v-if="showRestartDropdown" class="joined-buttons">
<ButtonStyled type="standard" color="orange"> <ButtonStyled type="standard" color="orange" size="large">
<button v-tooltip="busyTooltip" :disabled="!canTakeAction" @click="handlePrimaryAction"> <button v-tooltip="busyTooltip" :disabled="!canTakeAction" @click="handlePrimaryAction">
<UpdatedIcon /> <UpdatedIcon />
<span>{{ primaryActionText }}</span> <span>{{ primaryActionText }}</span>
</button> </button>
</ButtonStyled> </ButtonStyled>
<ButtonStyled type="standard" color="orange"> <ButtonStyled type="standard" color="orange" size="large">
<OverflowMenu <OverflowMenu
v-tooltip="busyTooltip" v-tooltip="busyTooltip"
:disabled="!canTakeAction" :disabled="!canTakeAction"
@@ -39,7 +39,7 @@
}, },
]" ]"
> >
<div class="w-2 text-xl relative top-0.5 right-1.5"> <div class="w-0 text-xl relative top-0.5 right-2.5">
<DropdownIcon /> <DropdownIcon />
</div> </div>
@@ -50,7 +50,7 @@
</OverflowMenu> </OverflowMenu>
</ButtonStyled> </ButtonStyled>
</div> </div>
<ButtonStyled v-else type="standard" color="brand"> <ButtonStyled v-else type="standard" color="brand" size="large">
<button v-tooltip="busyTooltip" :disabled="!canTakeAction" @click="handlePrimaryAction"> <button v-tooltip="busyTooltip" :disabled="!canTakeAction" @click="handlePrimaryAction">
<PlayIcon /> <PlayIcon />
<span>{{ primaryActionText }}</span> <span>{{ primaryActionText }}</span>
@@ -1,6 +1,6 @@
<template> <template>
<div class="contents"> <div class="contents">
<ButtonStyled circular type="transparent"> <ButtonStyled circular type="transparent" size="large">
<TeleportOverflowMenu :options="menuOptions"> <TeleportOverflowMenu :options="menuOptions">
<MoreVerticalIcon aria-hidden="true" /> <MoreVerticalIcon aria-hidden="true" />
<template #allServers> <template #allServers>
@@ -147,7 +147,7 @@
:auto-hide="false" :auto-hide="false"
placement="bottom-end" placement="bottom-end"
> >
<ButtonStyled circular> <ButtonStyled circular size="large">
<button <button
v-tooltip="showSettingsHint ? undefined : 'Server settings'" v-tooltip="showSettingsHint ? undefined : 'Server settings'"
@click=" @click="