StarMC/Astral-nook
StarMC/Astral-nook
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Get server console page rendering (mostly) correctly

Browse source
This commit is contained in:
Dane Everitt 2020-07-04 15:40:41 -07:00
parent 43ff67238c
commit 1e163aa792
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
18 changed files with 140 additions and 160 deletions
Download patch file Download diff file Expand all files Collapse all files

17
resources/scripts/components/screens/ScreenBlock.tsx
View file

@ -1,10 +1,9 @@
import React from 'react';
import PageContentBlock from '@/components/elements/PageContentBlock';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faArrowLeft } from '@fortawesome/free-solid-svg-icons/faArrowLeft';
import { faSyncAlt } from '@fortawesome/free-solid-svg-icons/faSyncAlt';
import { faArrowLeft, faSyncAlt } from '@fortawesome/free-solid-svg-icons';
import classNames from 'classnames';
import styled from 'styled-components/macro';
import styled, { keyframes } from 'styled-components/macro';
import tw from 'twin.macro';
interface BaseProps {
@ -27,17 +26,15 @@ interface PropsWithBack extends BaseProps {
type Props = PropsWithBack | PropsWithRetry;
const spin = keyframes`
to { transform: rotate(360deg) }
`;
const ActionButton = styled.button`
${tw`rounded-full w-8 h-8 flex items-center justify-center`};
&.hover\\:spin:hover {
animation: spin 2s linear infinite;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
animation: ${spin} 2s linear infinite;
}
`;