mirror of
https://github.com/modrinth/code.git
synced 2026-09-01 12:36:44 +00:00
fix: revert to large buttons
This commit is contained in:
@@ -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="
|
||||||
|
|||||||
Reference in New Issue
Block a user