StarMC/Astral-nook
StarMC/Astral-nook
Archived
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

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}/>