Fix visuals

This commit is contained in:
IRBorisov 2023-07-15 18:25:31 +03:00
parent 484b1a9ea1
commit 734ec91769
3 changed files with 11 additions and 9 deletions

View File

@ -18,13 +18,13 @@ function App() {
return ( return (
<div className='antialiased bg-gray-50 dark:bg-gray-800'> <div className='antialiased bg-gray-50 dark:bg-gray-800'>
<Navigation /> <Navigation />
<main className='min-h-[calc(100vh-107px)] px-2 h-fit'>
<ToasterThemed <ToasterThemed
className='mt-[4rem]' className='mt-[4rem] text-sm'
autoClose={3000} autoClose={3000}
draggable={false} draggable={false}
limit={5} limit={5}
/> />
<main className='min-h-[calc(100vh-6.8rem)] px-2 h-fit'>
<Routes> <Routes>
<Route path='/' element={ <HomePage/>} /> <Route path='/' element={ <HomePage/>} />

View File

@ -16,7 +16,7 @@ function Navigation() {
const navigateHelp = () => navigate('/manuals'); const navigateHelp = () => navigate('/manuals');
return ( return (
<nav className='bg-white dark:bg-gray-700 border-b-2 border-gray-400 rounded dark:border-gray-300 px-4 py-2.5 sticky top-0 left-0 right-0 z-50 h-16'> <nav className='bg-white dark:bg-gray-700 border-b-2 border-gray-400 rounded dark:border-gray-300 px-4 py-2.5 sticky top-0 left-0 right-0 z-50 h-[4rem]'>
<div className='flex items-center justify-between '> <div className='flex items-center justify-between '>
<div className='flex items-start justify-start '> <div className='flex items-start justify-start '>
<Logo title='КонцептПортал' /> <Logo title='КонцептПортал' />

View File

@ -58,7 +58,9 @@ function LoginPage() {
<SubmitButton text='Вход' loading={loading}/> <SubmitButton text='Вход' loading={loading}/>
<TextURL text='Восстановить пароль...' href='restore-password' /> <TextURL text='Восстановить пароль...' href='restore-password' />
</div> </div>
<div className='mt-2'>
<TextURL text='Нет аккаунта? Зарегистрируйтесь...' href='/signup' /> <TextURL text='Нет аккаунта? Зарегистрируйтесь...' href='/signup' />
</div>
{ error && <BackendError error={error} />} { error && <BackendError error={error} />}
</Form> </Form>
}</div> }</div>