Projekt

Obecné

Profil

« Předchozí | Další » 

Revize 95311b56

Přidáno uživatelem Dominik Poch před asi 2 roky(ů)

Updated layout of the login screen

Changed layout to bootstrap, added a logo and a title.

Zobrazit rozdíly:

webapp/layouts/loginLayout.tsx
1
import { Layout } from 'antd';
2
const { Header, Footer, Sider, Content } = Layout;
3

  
1
import logo from '/public/usp-logo.svg';
2
import Image from 'next/image';
3
import styles from '/styles/login.module.scss';
4 4
import Props from '../components/props';
5
import { Col, Container, Row, Stack } from 'react-bootstrap';
5 6

  
6 7
function LoginLayout(props: Props) {
7 8
    return (
8
        <Layout>
9
            <Content></Content>
10
            <Sider>
11
                <main>{props.children}</main>
12
            </Sider>
13
        </Layout>
9
        <Container>
10
            <Row className="min-vh-100 align-items-center">
11
                <Col md={8}>
12
                    <Stack gap={5}>
13
                        <div>
14
                            <Image
15
                                src={logo}
16
                                alt="Ústav státu a práva Akademie věd ČR"
17
                            ></Image>
18
                        </div>
19
                        <h1 className={styles.title}>
20
                            Vítejte na stránkách Ústavu státu a práva Akademie věd ČR pro
21
                            anotaci dokumentů v rámci projektu TAČR TL03000152 - Umělá
22
                            inteligence, média a právo
23
                        </h1>
24
                    </Stack>
25
                </Col>
26
                <Col md={4}>
27
                    <main>{props.children}</main>
28
                </Col>
29
            </Row>
30
        </Container>
14 31
    );
15 32
}
16 33

  

Také k dispozici: Unified diff