Projekt

Obecné

Profil

Stáhnout (1.32 KB) Statistiky
| Větev: | Tag: | Revize:
1 7a32656e Jaroslav Hrubý
import React from 'react';
2 95311b56 Dominik Poch
import logo from '/public/usp-logo.svg';
3
import Image from 'next/image';
4 c73aecde Dominik Poch
import styles from '/styles/Login.module.scss';
5 95311b56 Dominik Poch
import { Col, Container, Row, Stack } from 'react-bootstrap';
6 77eb11b3 Dominik Poch
7 7a84a6d5 Dominik Poch
/**
8 acb8a961 Dominik Poch
 * Creates a layout of a login screen.
9 7a84a6d5 Dominik Poch
 * @param props Html structure of a login form.
10
 * @returns The login screen.
11
 */
12 c73aecde Dominik Poch
export function LoginLayout(props: { children: React.ReactNode }) {
13 77eb11b3 Dominik Poch
    return (
14 95311b56 Dominik Poch
        <Container>
15
            <Row className="min-vh-100 align-items-center">
16
                <Col md={8}>
17
                    <Stack gap={5}>
18
                        <div>
19
                            <Image
20
                                src={logo}
21
                                alt="Ústav státu a práva Akademie věd ČR"
22
                            ></Image>
23
                        </div>
24
                        <h1 className={styles.title}>
25
                            Vítejte na stránkách Ústavu státu a práva Akademie věd ČR pro
26
                            anotaci dokumentů v rámci projektu TAČR TL03000152 - Umělá
27
                            inteligence, média a právo
28
                        </h1>
29
                    </Stack>
30
                </Col>
31
                <Col md={4}>
32
                    <main>{props.children}</main>
33
                </Col>
34
            </Row>
35
        </Container>
36 77eb11b3 Dominik Poch
    );
37
}