fix(frontend): fixed mismatched rounded sizing on new login

also fixes log filename in temp log page

fixes #721
This commit is contained in:
sct
2021-01-22 14:08:10 +00:00
parent e044146aa5
commit 5e352c201f
2 changed files with 7 additions and 7 deletions

View File

@@ -56,7 +56,7 @@ const Login: React.FC = () => {
}, [user, router]); }, [user, router]);
return ( return (
<div className="relative flex flex-col min-h-screen py-14 bg-gray-900"> <div className="relative flex flex-col min-h-screen bg-gray-900 py-14">
<ImageFader <ImageFader
backgroundImages={[ backgroundImages={[
'/images/rotate1.jpg', '/images/rotate1.jpg',
@@ -124,7 +124,7 @@ const Login: React.FC = () => {
{({ openIndexes, handleClick, AccordionContent }) => ( {({ openIndexes, handleClick, AccordionContent }) => (
<> <>
<button <button
className={`text-sm w-full focus:outline-none transition-colors duration-200 py-2 bg-gray-800 hover:bg-gray-700 bg-opacity-70 hover:bg-opacity-70 rounded-t-xl text-center text-gray-400 ${ className={`text-sm w-full focus:outline-none transition-colors duration-200 py-2 bg-gray-800 hover:bg-gray-700 bg-opacity-70 hover:bg-opacity-70 sm:rounded-t-lg text-center text-gray-400 ${
openIndexes.includes(0) && 'text-indigo-500' openIndexes.includes(0) && 'text-indigo-500'
}`} }`}
onClick={() => handleClick(0)} onClick={() => handleClick(0)}
@@ -132,7 +132,7 @@ const Login: React.FC = () => {
{intl.formatMessage(messages.signinwithplex)} {intl.formatMessage(messages.signinwithplex)}
</button> </button>
<AccordionContent isOpen={openIndexes.includes(0)}> <AccordionContent isOpen={openIndexes.includes(0)}>
<div className="py-8 px-10"> <div className="px-10 py-8">
<PlexLoginButton <PlexLoginButton
isProcessing={isProcessing} isProcessing={isProcessing}
onAuthToken={(authToken) => setAuthToken(authToken)} onAuthToken={(authToken) => setAuthToken(authToken)}
@@ -143,14 +143,14 @@ const Login: React.FC = () => {
className={`text-sm w-full focus:outline-none transition-colors duration-200 py-2 bg-gray-800 hover:bg-gray-700 bg-opacity-70 hover:bg-opacity-70 text-center text-gray-400 ${ className={`text-sm w-full focus:outline-none transition-colors duration-200 py-2 bg-gray-800 hover:bg-gray-700 bg-opacity-70 hover:bg-opacity-70 text-center text-gray-400 ${
openIndexes.includes(1) openIndexes.includes(1)
? 'text-indigo-500' ? 'text-indigo-500'
: 'rounded-b-xl ' : 'sm:rounded-b-lg '
}`} }`}
onClick={() => handleClick(1)} onClick={() => handleClick(1)}
> >
{intl.formatMessage(messages.signinwithoverseerr)} {intl.formatMessage(messages.signinwithoverseerr)}
</button> </button>
<AccordionContent isOpen={openIndexes.includes(1)}> <AccordionContent isOpen={openIndexes.includes(1)}>
<div className="py-8 px-10"> <div className="px-10 py-8">
<LocalLogin revalidate={revalidate} /> <LocalLogin revalidate={revalidate} />
</div> </div>
</AccordionContent> </AccordionContent>

View File

@@ -5,10 +5,10 @@ import React from 'react';
const SettingsLogs: React.FC = () => { const SettingsLogs: React.FC = () => {
return ( return (
<> <>
<div className="leading-loose text-gray-300 text-sm"> <div className="text-sm leading-loose text-gray-300">
Logs page is still being built. For now, you can access your logs Logs page is still being built. For now, you can access your logs
directly in <code>stdout</code> (container logs) or looking in{' '} directly in <code>stdout</code> (container logs) or looking in{' '}
<code>/app/config/logs/overseerr.logs</code> <code>/app/config/logs/overseerr.log</code>
</div> </div>
</> </>
); );