fix: correct spacing on season header badges (#2983)

pull/2982/head
Ryan Cohen 2 years ago committed by GitHub
parent 5d73bc2238
commit c4aa08f5f0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -3,7 +3,7 @@ import { defineMessages, FormattedRelativeTime, useIntl } from 'react-intl';
const messages = defineMessages({
airedrelative: 'Aired {relativeTime}',
airsrelative: 'Airs {relativeTime}',
airsrelative: 'Airing {relativeTime}',
});
type AirDateBadgeProps = {

@ -137,7 +137,7 @@ const ManageSlideOver = ({
<div className="space-y-6">
{((data?.mediaInfo?.downloadStatus ?? []).length > 0 ||
(data?.mediaInfo?.downloadStatus4k ?? []).length > 0) && (
<>
<div>
<h3 className="mb-2 text-xl font-bold">
{intl.formatMessage(messages.downloadstatus)}
</h3>
@ -161,13 +161,13 @@ const ManageSlideOver = ({
))}
</ul>
</div>
</>
</div>
)}
{hasPermission([Permission.MANAGE_ISSUES, Permission.VIEW_ISSUES], {
type: 'or',
}) &&
openIssues.length > 0 && (
<>
<div>
<h3 className="mb-2 text-xl font-bold">
{intl.formatMessage(messages.manageModalIssues)}
</h3>
@ -183,10 +183,10 @@ const ManageSlideOver = ({
))}
</ul>
</div>
</>
</div>
)}
{requests.length > 0 && (
<>
<div>
<h3 className="mb-2 text-xl font-bold">
{intl.formatMessage(messages.manageModalRequests)}
</h3>
@ -205,13 +205,13 @@ const ManageSlideOver = ({
))}
</ul>
</div>
</>
</div>
)}
{hasPermission(Permission.ADMIN) &&
(data.mediaInfo?.serviceUrl ||
data.mediaInfo?.tautulliUrl ||
watchData?.data) && (
<>
<div>
<h3 className="mb-2 text-xl font-bold">
{intl.formatMessage(messages.manageModalMedia)}
</h3>
@ -324,7 +324,7 @@ const ManageSlideOver = ({
</a>
)}
</div>
</>
</div>
)}
{hasPermission(Permission.ADMIN) &&
(data.mediaInfo?.serviceUrl4k ||

@ -536,7 +536,7 @@ const TvDetails = ({ tv }: TvDetailsProps) => {
{({ open }) => (
<>
<Disclosure.Button
className={`mt-2 flex w-full items-center justify-between border-gray-700 bg-gray-800 px-4 py-2 text-gray-200 ${
className={`mt-2 flex w-full items-center justify-between space-x-2 border-gray-700 bg-gray-800 px-4 py-2 text-gray-200 ${
open
? 'rounded-t-md border-t border-l border-r'
: 'rounded-md border'
@ -630,7 +630,7 @@ const TvDetails = ({ tv }: TvDetailsProps) => {
<ChevronUpIcon
className={`${
open ? 'rotate-180 transform' : ''
} h-5 w-5 text-gray-500`}
} h-6 w-6 text-gray-500`}
/>
</Disclosure.Button>
<Transition

@ -1,6 +1,6 @@
{
"components.AirDateBadge.airedrelative": "Aired {relativeTime}",
"components.AirDateBadge.airsrelative": "Airs {relativeTime}",
"components.AirDateBadge.airsrelative": "Airing {relativeTime}",
"components.AppDataWarning.dockerVolumeMissingDescription": "The <code>{appDataPath}</code> volume mount was not configured properly. All data will be cleared when the container is stopped or restarted.",
"components.CollectionDetails.numberofmovies": "{count} Movies",
"components.CollectionDetails.overview": "Overview",

Loading…
Cancel
Save