style: add new tailwind prettier plugin (#2465)

This commit is contained in:
Ryan Cohen
2022-01-25 21:09:41 +09:00
committed by GitHub
parent 5b2a8f682b
commit 822ae9eec7
104 changed files with 737 additions and 734 deletions

View File

@@ -207,7 +207,7 @@ const CreateIssueModal: React.FC<CreateIssueModalProps> = ({
</div>
</div>
{values.problemSeason > 0 && (
<div className="mb-2 form-row">
<div className="form-row mb-2">
<label htmlFor="problemEpisode" className="text-label">
{intl.formatMessage(messages.problemepisode)}
<span className="label-required">*</span>
@@ -255,7 +255,7 @@ const CreateIssueModal: React.FC<CreateIssueModalProps> = ({
<RadioGroup.Label className="sr-only">
Select an Issue
</RadioGroup.Label>
<div className="-space-y-px overflow-hidden bg-gray-800 rounded-md bg-opacity-30">
<div className="-space-y-px overflow-hidden rounded-md bg-gray-800 bg-opacity-30">
{issueOptions.map((setting, index) => (
<RadioGroup.Option
key={`issue-type-${setting.issueType}`}
@@ -267,9 +267,9 @@ const CreateIssueModal: React.FC<CreateIssueModalProps> = ({
? 'rounded-bl-md rounded-br-md'
: '',
checked
? 'bg-indigo-600 border-indigo-500 z-10'
? 'z-10 border-indigo-500 bg-indigo-600'
: 'border-gray-500',
'relative border p-4 flex cursor-pointer focus:outline-none'
'relative flex cursor-pointer border p-4 focus:outline-none'
)
}
>
@@ -278,16 +278,16 @@ const CreateIssueModal: React.FC<CreateIssueModalProps> = ({
<span
className={`${
checked
? 'bg-indigo-800 border-transparent'
: 'bg-white border-gray-300'
? 'border-transparent bg-indigo-800'
: 'border-gray-300 bg-white'
} ${
active ? 'ring-2 ring-offset-2 ring-indigo-300' : ''
} h-4 w-4 mt-0.5 cursor-pointer rounded-full border flex items-center justify-center`}
active ? 'ring-2 ring-indigo-300 ring-offset-2' : ''
} mt-0.5 flex h-4 w-4 cursor-pointer items-center justify-center rounded-full border`}
aria-hidden="true"
>
<span className="rounded-full bg-white w-1.5 h-1.5" />
<span className="h-1.5 w-1.5 rounded-full bg-white" />
</span>
<div className="flex flex-col ml-3">
<div className="ml-3 flex flex-col">
<RadioGroup.Label
as="span"
className={`block text-sm font-medium ${
@@ -303,7 +303,7 @@ const CreateIssueModal: React.FC<CreateIssueModalProps> = ({
))}
</div>
</RadioGroup>
<div className="flex-col mt-4 space-y-2">
<div className="mt-4 flex-col space-y-2">
<label htmlFor="message">
{intl.formatMessage(messages.whatswrong)}
<span className="label-required">*</span>