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

Update to Tailwind V2

Browse source
This commit is contained in:
Dane Everitt 2020-12-26 09:50:09 -08:00
parent 9b01734752
commit c75f89889a
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
8 changed files with 168 additions and 199 deletions
Download patch file Download diff file Expand all files Collapse all files

2
resources/scripts/components/dashboard/AccountApiContainer.tsx
View file

@ -50,7 +50,7 @@ export default () => {
return (
<PageContentBlock title={'Account API'}>
<FlashMessageRender byKey={'account'}/>
<div css={tw`md:flex flex-no-wrap my-10`}>
<div css={tw`md:flex flex-nowrap my-10`}>
<ContentBox title={'Create API Key'} css={tw`flex-none w-full md:w-1/2`}>
<CreateApiKeyForm onKeyCreated={key => setKeys(s => ([ ...s!, key ]))}/>
</ContentBox>

2
resources/scripts/components/elements/SubNavigation.tsx
View file

@ -11,7 +11,7 @@ const SubNavigation = styled.div`
max-width: 1200px;
& > a, & > div {
${tw`inline-block py-3 px-4 text-neutral-300 no-underline whitespace-no-wrap transition-all duration-150`};
${tw`inline-block py-3 px-4 text-neutral-300 no-underline whitespace-nowrap transition-all duration-150`};
&:not(:first-of-type) {
${tw`ml-2`};

4
resources/scripts/components/server/backups/BackupRow.tsx
View file

@ -40,7 +40,7 @@ export default ({ backup, className }: Props) => {
});
return (
<GreyRowBox css={tw`flex-wrap md:flex-no-wrap items-center`} className={className}>
<GreyRowBox css={tw`flex-wrap md:flex-nowrap items-center`} className={className}>
<div css={tw`flex items-center truncate w-full md:flex-1`}>
<div css={tw`mr-4`}>
{backup.completedAt ?
@ -60,7 +60,7 @@ export default ({ backup, className }: Props) => {
{backup.name}
</p>
{(backup.completedAt && backup.isSuccessful) &&
<span css={tw`ml-3 text-neutral-300 text-xs font-thin hidden sm:inline`}>{bytesToHuman(backup.bytes)}</span>
<span css={tw`ml-3 text-neutral-300 text-xs font-extralight hidden sm:inline`}>{bytesToHuman(backup.bytes)}</span>
}
</div>
<p css={tw`mt-1 md:mt-0 text-xs text-neutral-400 font-mono truncate`}>

4
resources/scripts/components/server/files/FileManagerContainer.tsx
View file

@ -58,7 +58,7 @@ export default () => {
return (
<ServerContentBlock title={'File Manager'} showFlashKey={'files'}>
<div css={tw`flex flex-wrap-reverse md:flex-no-wrap justify-center mb-4`}>
<div css={tw`flex flex-wrap-reverse md:flex-nowrap justify-center mb-4`}>
<ErrorBoundary>
<FileManagerBreadcrumbs
renderLeft={
@ -73,7 +73,7 @@ export default () => {
</ErrorBoundary>
<Can action={'file.create'}>
<ErrorBoundary>
<div css={tw`flex flex-shrink-0 flex-wrap-reverse md:flex-no-wrap justify-end mb-4 md:mb-0 ml-0 md:ml-auto`}>
<div css={tw`flex flex-shrink-0 flex-wrap-reverse md:flex-nowrap justify-end mb-4 md:mb-0 ml-0 md:ml-auto`}>
<NewDirectoryButton css={tw`w-full flex-none mt-4 sm:mt-0 sm:w-auto sm:mr-4`}/>
<UploadButton css={tw`flex-1 mr-4 sm:flex-none sm:mt-0`}/>
<NavLink

2
resources/scripts/components/server/network/AllocationRow.tsx
View file

@ -58,7 +58,7 @@ const AllocationRow = ({ allocation }: Props) => {
};
return (
<GreyRowBox $hoverable={false} css={tw`flex-wrap md:flex-no-wrap mt-2`}>
<GreyRowBox $hoverable={false} css={tw`flex-wrap md:flex-nowrap mt-2`}>
<div css={tw`flex items-center w-full md:w-auto`}>
<div css={tw`pl-4 pr-6 text-neutral-400`}>
<FontAwesomeIcon icon={faNetworkWired}/>