aswi20220x00-gitlab/webapp/layouts/loginLayout.tsx @ 95311b56

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

function LoginLayout(props: Props) {
    return (
        <Container>
            <Row className="min-vh-100 align-items-center">
                <Col md={8}>
                    <Stack gap={5}>
                        <div>
                            <Image
                                src={logo}
                                alt="Ústav státu a práva Akademie věd ČR"
                            ></Image>
                        </div>
                        <h1 className={styles.title}>
                            Vítejte na stránkách Ústavu státu a práva Akademie věd ČR pro
                            anotaci dokumentů v rámci projektu TAČR TL03000152 - Umělá
                            inteligence, média a právo
                        </h1>
                    </Stack>
                </Col>
                <Col md={4}>
                    <main>{props.children}</main>
                </Col>
            </Row>
        </Container>
    );
}

export default LoginLayout;