shpaq/sct-overseerr
1
0
Fork 0
mirror of https://github.com/sct/overseerr.git synced 2025-09-17 17:24:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

style: add new tailwind prettier plugin (#2465)

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/IssueDetails/IssueComment/index.tsx
View File

@@ -90,7 +90,7 @@ const IssueComment: React.FC<IssueCommentProps> = ({
<img
src={comment.user.avatar}
alt=""
className="w-10 h-10 transition duration-300 scale-100 rounded-full ring-1 ring-gray-500 transform-gpu hover:scale-105"
className="h-10 w-10 scale-100 transform-gpu rounded-full ring-1 ring-gray-500 transition duration-300 hover:scale-105"
/>
</a>
</Link>
@@ -99,15 +99,15 @@ const IssueComment: React.FC<IssueCommentProps> = ({
{(isActiveUser || hasPermission(Permission.MANAGE_ISSUES)) && (
<Menu
as="div"
className="absolute z-40 inline-block text-left top-2 right-1"
className="absolute top-2 right-1 z-40 inline-block text-left"
>
{({ open }) => (
<>
<div>
<Menu.Button className="flex items-center text-gray-400 rounded-full hover:text-gray-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-indigo-500">
<Menu.Button className="flex items-center rounded-full text-gray-400 hover:text-gray-200 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:ring-offset-gray-100">
<span className="sr-only">Open options</span>
<DotsVerticalIcon
className="w-5 h-5"
className="h-5 w-5"
aria-hidden="true"
/>
</Menu.Button>
@@ -124,7 +124,7 @@ const IssueComment: React.FC<IssueCommentProps> = ({
>
<Menu.Items
static
className="absolute right-0 w-56 mt-2 origin-top-right bg-gray-700 rounded-md shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none"
className="absolute right-0 mt-2 w-56 origin-top-right rounded-md bg-gray-700 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none"
>
<div className="py-1">
{isActiveUser && (
@@ -132,7 +132,7 @@ const IssueComment: React.FC<IssueCommentProps> = ({
{({ active }) => (
<button
onClick={() => setIsEditing(true)}
className={`block w-full text-left px-4 py-2 text-sm ${
className={`block w-full px-4 py-2 text-left text-sm ${
active
? 'bg-gray-600 text-white'
: 'text-gray-100'
@@ -147,7 +147,7 @@ const IssueComment: React.FC<IssueCommentProps> = ({
{({ active }) => (
<button
onClick={() => setShowDeleteModal(true)}
className={`block w-full text-left px-4 py-2 text-sm ${
className={`block w-full px-4 py-2 text-left text-sm ${
active
? 'bg-gray-600 text-white'
: 'text-gray-100'
@@ -165,11 +165,11 @@ const IssueComment: React.FC<IssueCommentProps> = ({
</Menu>
)}
<div
className={`absolute w-3 h-3 transform rotate-45 bg-gray-800 shadow top-3 z-10 ring-1 ring-gray-500 ${
className={`absolute top-3 z-10 h-3 w-3 rotate-45 transform bg-gray-800 shadow ring-1 ring-gray-500 ${
isReversed ? '-left-1' : '-right-1'
}`}
/>
<div className="relative z-20 w-full py-4 pl-4 pr-8 bg-gray-800 rounded-md">
<div className="relative z-20 w-full rounded-md bg-gray-800 py-4 pl-4 pr-8">
{isEditing ? (
<Formik
initialValues={{ newMessage: comment.message }}
@@ -198,7 +198,7 @@ const IssueComment: React.FC<IssueCommentProps> = ({
{errors.newMessage && touched.newMessage && (
<div className="error">{errors.newMessage}</div>
)}
<div className="flex items-center justify-end mt-4 space-x-2">
<div className="mt-4 flex items-center justify-end space-x-2">
<Button
type="button"
onClick={() => setIsEditing(false)}
@@ -217,7 +217,7 @@ const IssueComment: React.FC<IssueCommentProps> = ({
}}
</Formik>
) : (
<div className="w-full max-w-full prose">
<div className="prose w-full max-w-full">
<ReactMarkdown skipHtml allowedElements={['p', 'em', 'strong']}>
{comment.message}
</ReactMarkdown>
@@ -226,7 +226,7 @@ const IssueComment: React.FC<IssueCommentProps> = ({
</div>
</div>
<div
className={`flex justify-between items-center text-xs pt-2 ${
className={`flex items-center justify-between pt-2 text-xs ${
isReversed ? 'flex-row-reverse' : 'flex-row'
}`}
>

14
src/components/IssueDetails/IssueDescription/index.tsx
View File

@@ -44,9 +44,9 @@ const IssueDescription: React.FC<IssueDescriptionProps> = ({
{({ open }) => (
<>
<div>
<Menu.Button className="flex items-center text-gray-400 rounded-full hover:text-gray-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-indigo-500">
<Menu.Button className="flex items-center rounded-full text-gray-400 hover:text-gray-200 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:ring-offset-gray-100">
<span className="sr-only">Open options</span>
<DotsVerticalIcon className="w-5 h-5" aria-hidden="true" />
<DotsVerticalIcon className="h-5 w-5" aria-hidden="true" />
</Menu.Button>
</div>
@@ -62,7 +62,7 @@ const IssueDescription: React.FC<IssueDescriptionProps> = ({
>
<Menu.Items
static
className="absolute right-0 w-56 mt-2 origin-top-right bg-gray-700 rounded-md shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none"
className="absolute right-0 mt-2 w-56 origin-top-right rounded-md bg-gray-700 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none"
>
<div className="py-1">
{belongsToUser && (
@@ -70,7 +70,7 @@ const IssueDescription: React.FC<IssueDescriptionProps> = ({
{({ active }) => (
<button
onClick={() => setIsEditing(true)}
className={`block w-full text-left px-4 py-2 text-sm ${
className={`block w-full px-4 py-2 text-left text-sm ${
active
? 'bg-gray-600 text-white'
: 'text-gray-100'
@@ -87,7 +87,7 @@ const IssueDescription: React.FC<IssueDescriptionProps> = ({
{({ active }) => (
<button
onClick={() => onDelete()}
className={`block w-full text-left px-4 py-2 text-sm ${
className={`block w-full px-4 py-2 text-left text-sm ${
active
? 'bg-gray-600 text-white'
: 'text-gray-100'
@@ -123,7 +123,7 @@ const IssueDescription: React.FC<IssueDescriptionProps> = ({
as="textarea"
className="h-40"
/>
<div className="flex justify-end mt-2">
<div className="mt-2 flex justify-end">
<Button
buttonType="default"
className="mr-2"
@@ -141,7 +141,7 @@ const IssueDescription: React.FC<IssueDescriptionProps> = ({
}}
</Formik>
) : (
<div className="mt-4 prose">
<div className="prose mt-4">
<ReactMarkdown
allowedElements={['p', 'img', 'strong', 'em']}
skipHtml

14
src/components/IssueDetails/index.tsx
View File

@@ -262,9 +262,9 @@ const IssueDetails: React.FC = () => {
: `/users/${issueData.createdBy.id}`
}
>
<a className="inline-flex items-center h-full ml-1 xl:ml-1.5 group">
<a className="group ml-1 inline-flex h-full items-center xl:ml-1.5">
<img
className="w-5 h-5 mr-0.5 transition duration-300 scale-100 rounded-full xl:w-6 xl:h-6 xl:mr-1 transform-gpu group-hover:scale-105"
className="mr-0.5 h-5 w-5 scale-100 transform-gpu rounded-full transition duration-300 group-hover:scale-105 xl:mr-1 xl:h-6 xl:w-6"
src={issueData.createdBy.avatar}
alt=""
/>
@@ -288,7 +288,7 @@ const IssueDetails: React.FC = () => {
</span>
</div>
</div>
<div className="relative z-10 flex mt-6 text-gray-300">
<div className="relative z-10 mt-6 flex text-gray-300">
<div className="flex-1 lg:pr-4">
<IssueDescription
description={firstComment.message}
@@ -351,7 +351,7 @@ const IssueDetails: React.FC = () => {
</span>
</div>
</div>
<div className="flex flex-col mt-4 mb-6 space-y-2">
<div className="mt-4 mb-6 flex flex-col space-y-2">
{issueData?.media.plexUrl && (
<Button
as="a"
@@ -466,7 +466,7 @@ const IssueDetails: React.FC = () => {
)}
className="h-20"
/>
<div className="flex items-center justify-end mt-4 space-x-2">
<div className="mt-4 flex items-center justify-end space-x-2">
{hasPermission(Permission.MANAGE_ISSUES) && (
<>
{issueData.status === IssueStatus.OPEN ? (
@@ -535,7 +535,7 @@ const IssueDetails: React.FC = () => {
)}
</div>
</div>
<div className="hidden lg:block lg:pl-4 lg:w-80">
<div className="hidden lg:block lg:w-80 lg:pl-4">
<div className="media-facts">
<div className="media-fact">
<span>{intl.formatMessage(messages.issuetype)}</span>
@@ -587,7 +587,7 @@ const IssueDetails: React.FC = () => {
</span>
</div>
</div>
<div className="flex flex-col mt-4 mb-6 space-y-2">
<div className="mt-4 mb-6 flex flex-col space-y-2">
{issueData?.media.plexUrl && (
<Button
as="a"