ui: make PowerControls buttons uppercase

This commit is contained in:
Matthew Penner 2021-09-12 17:16:26 -06:00
parent 1ead83383d
commit 38ff35873e
No known key found for this signature in database
GPG key ID: 030E4AB751DC756F
2 changed files with 4 additions and 2 deletions

View file

@ -21,7 +21,7 @@ const PowerControls = () => {
size={'xsmall'} size={'xsmall'}
color={'green'} color={'green'}
isSecondary isSecondary
css={tw`mr-2`} css={tw`uppercase mr-2`}
disabled={status !== 'offline'} disabled={status !== 'offline'}
onClick={e => { onClick={e => {
e.preventDefault(); e.preventDefault();
@ -35,7 +35,7 @@ const PowerControls = () => {
<Button <Button
size={'xsmall'} size={'xsmall'}
isSecondary isSecondary
css={tw`mr-2`} css={tw`uppercase mr-2`}
disabled={!status} disabled={!status}
onClick={e => { onClick={e => {
e.preventDefault(); e.preventDefault();

View file

@ -3,6 +3,7 @@ import { ServerContext } from '@/state/server';
import { PowerAction } from '@/components/server/ServerConsole'; import { PowerAction } from '@/components/server/ServerConsole';
import Button from '@/components/elements/Button'; import Button from '@/components/elements/Button';
import isEqual from 'react-fast-compare'; import isEqual from 'react-fast-compare';
import tw from 'twin.macro';
const StopOrKillButton = ({ onPress }: { onPress: (action: PowerAction) => void }) => { const StopOrKillButton = ({ onPress }: { onPress: (action: PowerAction) => void }) => {
const [ clicked, setClicked ] = useState(false); const [ clicked, setClicked ] = useState(false);
@ -16,6 +17,7 @@ const StopOrKillButton = ({ onPress }: { onPress: (action: PowerAction) => void
<Button <Button
color={'red'} color={'red'}
size={'xsmall'} size={'xsmall'}
css={tw`uppercase`}
disabled={!status || status === 'offline'} disabled={!status || status === 'offline'}
onClick={e => { onClick={e => {
e.preventDefault(); e.preventDefault();