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
  
    

  		












  

    
      webapp/public/usp-logo.svg
    
  





  
  1
  
    
<svg id="5b9b0544-76d9-4696-83f6-4f80981d9361" data-name="Vrstva 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 515.906 231.591"><title>usp-logo</title><path d="M30.7,53.147V26.726h5.569V52.5c0,9.354,4.5,13.711,11.57,13.711S59.4,61.858,59.4,52.5V26.726h5.643V53.219c0,12-7.213,18-17.209,18-9.929,0-17.139-6-17.139-18.068" style="fill:#312783"/><path d="M82.309,59.145C83.95,64,88.092,66.428,93.448,66.428c5.713,0,9.712-2.784,9.712-7.64,0-3.428-1.929-5.642-7-6.926L88.306,49.79c-6.071-1.571-10.5-4.641-10.5-11.283,0-7.427,6.141-12.425,14.425-12.425,9.068,0,14.424,4.642,16.067,11.569h-5.639c-1.36-3.928-4.644-6.785-10.428-6.785-5.215,0-9.07,2.715-9.07,7.213,0,3.714,2.429,5.5,7,6.713l7.5,1.928c7,1.785,10.926,5.569,10.926,11.783,0,7.925-6.426,12.711-15.139,12.711S78.236,66.858,76.6,59.145Z" style="fill:#312783"/><polygon points="112.894 26.726 149.1 26.726 149.1 31.724 133.818 31.724 133.818 70.571 128.179 70.571 128.179 31.724 112.894 31.724 112.894 26.726" style="fill:#312783"/><path d="M163.391,52.434h14.282L170.53,33.723Zm9.855-25.708,17.139,43.845h-5.713L179.6,57.36H161.533l-5,13.211h-5.713l17.139-43.845Z" style="fill:#312783"/><polygon points="210.588 70.571 193.663 26.726 199.59 26.726 213.301 63.144 227.082 26.726 232.795 26.726 215.87 70.571 210.588 70.571" style="fill:#312783"/><path d="M5.882,91.818H255.4V6.121H5.882Zm254.625,5.1H.778V1.018H260.507Z" style="fill:#312783"/><rect x="47.838" y="16.711" width="17.209" height="4.253" style="fill:#312783"/><path d="M291.109,59.145c1.641,4.857,5.784,7.285,11.139,7.285,5.713,0,9.712-2.786,9.712-7.642,0-3.428-1.928-5.642-7-6.928l-7.855-2.07c-6.07-1.571-10.5-4.641-10.5-11.283,0-7.427,6.141-12.425,14.426-12.425,9.068,0,14.423,4.641,16.067,11.569h-5.64c-1.359-3.928-4.644-6.785-10.427-6.785-5.215,0-9.07,2.713-9.07,7.213,0,3.714,2.429,5.5,7,6.713l7.5,1.927c7,1.786,10.928,5.57,10.928,11.784,0,7.927-6.428,12.711-15.141,12.711S287.037,66.858,285.4,59.145Z" style="fill:#312783"/><polygon points="324.244 26.724 360.449 26.724 360.449 31.724 345.168 31.724 345.168 70.571 339.528 70.571 339.528 31.724 324.244 31.724 324.244 26.724" style="fill:#312783"/><path d="M375.59,52.432h14.282l-7.143-18.709Zm9.855-25.708,17.139,43.847h-5.713L391.8,57.36H373.732l-5,13.211h-5.713L380.16,26.724Z" style="fill:#312783"/><polygon points="405.156 26.724 441.361 26.724 441.361 31.724 426.08 31.724 426.08 70.571 420.44 70.571 420.44 31.724 405.156 31.724 405.156 26.724" style="fill:#312783"/><path d="M450.859,53.147V26.724h5.57V52.5c0,9.356,4.5,13.711,11.569,13.711S479.564,61.86,479.564,52.5V26.724h5.643v26.5c0,12-7.213,18-17.209,18-9.929,0-17.139-6-17.139-18.068" style="fill:#312783"/><path d="M260.507,91.818H510.024V6.121H260.507Zm254.621,5.1H255.4V1.018H515.128Z" style="fill:#312783"/><rect x="377.875" y="16.711" width="17.209" height="4.253" style="fill:#312783"/><path d="M303.306,122.453H292.665v16.353h10.641c5.926,0,9-3.213,9-8.14,0-5-3.071-8.213-9-8.213m-10.641,21.353v17.566h-5.643V117.527h16.427c8.854,0,14.423,4.5,14.423,13.139,0,8.57-5.569,13.14-14.423,13.14Z" style="fill:#312783"/><path d="M333.871,138.021h10.5c5.783,0,8.927-2.928,8.927-7.784s-3.144-7.785-8.927-7.785h-10.5Zm0,4.784v18.567h-5.643V117.526h16.284c8.783,0,14.352,4.427,14.352,12.711,0,7.284-4.283,11.426-11.139,12.354l12.926,18.781h-6.427l-12.569-18.567Z" style="fill:#312783"/><path d="M379.36,143.235h14.283L386.5,124.524Zm9.856-25.708,17.138,43.845h-5.712l-5.073-13.211H377.5l-5,13.211h-5.713l17.139-43.845Z" style="fill:#312783"/><polygon points="425.708 161.372 408.783 117.527 414.71 117.527 428.421 153.945 442.202 117.527 447.915 117.527 430.993 161.372 425.708 161.372" style="fill:#312783"/><path d="M462.915,143.235H477.2l-7.142-18.711Zm9.855-25.708,17.139,43.845H484.2l-5.072-13.211H461.058l-5,13.211h-5.713l17.138-43.845Z" style="fill:#312783"/><path d="M260.507,182.62H510.024v-85.7H260.507Zm254.621,5.1H255.4V91.818H515.128Z" style="fill:#312783"/><rect x="381.645" y="107.513" width="17.209" height="4.252" style="fill:#312783"/><path d="M5.882,182.62H255.4v-85.7H5.882Zm254.625,5.1H.778V91.818H260.507Z" style="fill:#312783"/><path d="M207.3,143.235h14.282l-7.143-18.711Zm9.855-25.708L234.3,161.372h-5.713l-5.072-13.211H205.443l-5,13.211h-5.713l17.139-43.845Z" style="fill:#312783"/><path d="M292.516,209.978l7.789,20.265h-3.5l-2.079-5.611h-7.756l-2.079,5.611h-3.466l7.789-20.265Zm-4.456,11.684H293.6l-2.772-7.492Z" style="fill:#312783"/><path d="M307.992,224.005l-1.353,1.386v4.852h-3.3V208.79h3.3V221.6l5.743-6.006h4.224l-6.238,6.336,6.469,8.318h-3.993Z" style="fill:#312783"/><path d="M327.362,230.243v-.825a5.886,5.886,0,0,1-3.63,1.089c-3,0-5.479-1.782-5.479-4.786,0-2.772,2.475-4.719,5.71-4.719a6.873,6.873,0,0,1,3.4.891V220.7a2.525,2.525,0,0,0-2.805-2.64,2.382,2.382,0,0,0-2.508,1.584H318.88a5.555,5.555,0,0,1,5.743-4.39c3.7,0,5.875,2.047,5.875,5.38v9.6Zm0-5.116c-.363-.924-1.682-1.485-3-1.485-1.485,0-3.037.627-3.037,2.079,0,1.485,1.552,2.113,3.037,2.113,1.321,0,2.64-.561,3-1.486Z" style="fill:#312783"/><path d="M344.226,228.988a4.993,4.993,0,0,1-3.73,1.585c-4.291,0-6.8-3.433-6.8-7.657,0-4.192,2.508-7.658,6.8-7.658a5,5,0,0,1,3.73,1.585V208.79h3.3v21.453h-3.3Zm0-8.845a3.56,3.56,0,0,0-3.169-1.947c-2.541,0-4.06,2.014-4.06,4.72s1.519,4.719,4.06,4.719a3.56,3.56,0,0,0,3.169-1.947Z" style="fill:#312783"/><path d="M364.025,225.688c-.5,2.9-2.64,4.885-6.172,4.885-4.092,0-6.93-3.1-6.93-7.624,0-4.39,2.871-7.691,6.864-7.691,4.126,0,6.37,2.938,6.37,7.228v1.189h-10c.1,2.574,1.584,4.125,3.7,4.125a2.907,2.907,0,0,0,3.136-2.112Zm-9.769-4.423h6.634a2.988,2.988,0,0,0-3.07-3.234A3.531,3.531,0,0,0,354.256,221.265Z" style="fill:#312783"/><path d="M382.7,215.258c3,0,4.753,2.113,4.753,5.446v9.539h-3.3v-9.01c0-1.816-.792-3-2.409-3a2.592,2.592,0,0,0-2.607,2.178v9.836h-3.3v-9.01c0-1.816-.792-3-2.409-3a2.593,2.593,0,0,0-2.608,2.178v9.836h-3.3V215.589h3.3v1.221a4.505,4.505,0,0,1,3.664-1.552,4.7,4.7,0,0,1,3.862,1.948A5.4,5.4,0,0,1,382.7,215.258Z" style="fill:#312783"/><path d="M393.327,213.179a2.013,2.013,0,1,1,2.047-2.013A2.049,2.049,0,0,1,393.327,213.179Zm1.651,17.064h-3.3V215.589h3.3Z" style="fill:#312783"/><path d="M411.478,225.688c-.5,2.9-2.64,4.885-6.171,4.885-4.093,0-6.931-3.1-6.931-7.624,0-4.39,2.871-7.691,6.864-7.691,4.126,0,6.37,2.938,6.37,7.228v1.189h-10c.1,2.574,1.584,4.125,3.7,4.125a2.906,2.906,0,0,0,3.135-2.112Zm-9.769-4.423h6.634a2.987,2.987,0,0,0-3.07-3.234A3.531,3.531,0,0,0,401.709,221.265Z" style="fill:#312783"/><path d="M426.689,230.243l-5.545-14.654h3.533l3.795,10.726,3.762-10.726h3.433l-5.578,14.654Z" style="fill:#312783"/><path d="M450.385,225.688c-.5,2.9-2.641,4.885-6.172,4.885-4.093,0-6.931-3.1-6.931-7.624,0-4.39,2.871-7.691,6.864-7.691,4.126,0,6.371,2.938,6.371,7.228v1.189h-10c.1,2.574,1.584,4.125,3.7,4.125a2.908,2.908,0,0,0,3.136-2.112Zm-4.555-12.145h-3.036l-3.1-4.621h2.773l1.847,2.607,1.849-2.607h2.773Zm-5.215,7.722h6.634a2.987,2.987,0,0,0-3.069-3.234A3.532,3.532,0,0,0,440.615,221.265Z" style="fill:#312783"/><path d="M463.486,228.988a4.989,4.989,0,0,1-3.729,1.585c-4.291,0-6.8-3.433-6.8-7.657,0-4.192,2.508-7.658,6.8-7.658a4.993,4.993,0,0,1,3.729,1.585V208.79h3.3v21.453h-3.3Zm0-8.845a3.557,3.557,0,0,0-3.169-1.947c-2.541,0-4.059,2.014-4.059,4.72s1.518,4.719,4.059,4.719a3.557,3.557,0,0,0,3.169-1.947Z" style="fill:#312783"/><path d="M487.113,209.648c4.588,0,7.492,2.64,8.251,6.7H492c-.792-2.146-2.178-3.6-4.885-3.6-3.564,0-5.742,3.1-5.742,7.36,0,4.225,2.145,7.36,5.742,7.36,2.707,0,4.093-1.452,4.885-3.63h3.366c-.759,4.092-3.7,6.733-8.251,6.733-5.215,0-9.208-4.225-9.208-10.463S481.9,209.648,487.113,209.648ZM482.592,204h2.937l1.684,1.98L488.9,204h2.938l-3.1,4.093h-3.036Z" style="fill:#312783"/><path d="M502.457,222.025v8.218h-3.433V209.978h7.823c4.191,0,6.9,2.112,6.9,6.073,0,3.4-1.98,5.347-5.183,5.842l5.875,8.35h-3.894l-5.644-8.218Zm0-2.872h4.323c2.277,0,3.566-1.221,3.566-3.1s-1.289-3.1-3.566-3.1h-4.323Z" style="fill:#312783"/></svg>


  		












  

    
      webapp/styles/login.module.scss
    
  





  
  1
  
    
.title {


  		




  
  2
  
    
    font-size: x-large;


  		




  
  3
  
    
    font-family:Arial, Helvetica, sans-serif


  		




  
  4
  
    
}


  		












Také k dispozici:  Unified diff