Projekt

Obecné

Profil

Stáhnout (1.32 KB) Statistiky
| Větev: | Tag: | Revize:
1
import React from 'react';
2
import logo from '/public/usp-logo.svg';
3
import Image from 'next/image';
4
import styles from '/styles/Login.module.scss';
5
import { Col, Container, Row, Stack } from 'react-bootstrap';
6

    
7
/**
8
 * Creates a layout of a login screen.
9
 * @param props Html structure of a login form.
10
 * @returns The login screen.
11
 */
12
export function LoginLayout(props: { children: React.ReactNode }) {
13
    return (
14
        <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
    );
37
}
(1-1/2)