main
|
Last change
on this file since cae16b5 was cae16b5, checked in by unknown <mlviktor23@…>, 22 months ago |
|
implemented registration in react
|
-
Property mode
set to
100644
|
|
File size:
1007 bytes
|
| Line | |
|---|
| 1 | import styled from "styled-components";
|
|---|
| 2 |
|
|---|
| 3 | export const LoginInput = styled.input`
|
|---|
| 4 | height: 30px;
|
|---|
| 5 | width: 100%;
|
|---|
| 6 | margin: 15px;
|
|---|
| 7 | padding: 15px;
|
|---|
| 8 | font-size: 16px;
|
|---|
| 9 | border: 2px solid #ccc;
|
|---|
| 10 | `;
|
|---|
| 11 |
|
|---|
| 12 | export const LoginButton = styled.button`
|
|---|
| 13 | background-color: rgba(0, 102, 204, 1);
|
|---|
| 14 | opacity: 0.6;
|
|---|
| 15 | padding: 5px 16px;
|
|---|
| 16 | transition: 0.4s;
|
|---|
| 17 | &:hover {
|
|---|
| 18 | opacity: 1;
|
|---|
| 19 | cursor: pointer;
|
|---|
| 20 | }
|
|---|
| 21 | color: white;
|
|---|
| 22 | border: 0;
|
|---|
| 23 | font-size: 18px;
|
|---|
| 24 | font-weight: bold;
|
|---|
| 25 | margin-top: 10px;
|
|---|
| 26 | width: 100%;
|
|---|
| 27 | `;
|
|---|
| 28 |
|
|---|
| 29 | export const RequiredAsterisk = styled.p`
|
|---|
| 30 | color: rgba(0, 102, 204, 1);
|
|---|
| 31 | font-weight: bold;
|
|---|
| 32 | position: absolute;
|
|---|
| 33 | right: 38px;
|
|---|
| 34 | top: ${(props) => props.top};
|
|---|
| 35 | font-size: 18px;
|
|---|
| 36 | `;
|
|---|
| 37 |
|
|---|
| 38 | export const FieldConstraintModal = styled.div`
|
|---|
| 39 | width: 400px;
|
|---|
| 40 | padding: 15px;
|
|---|
| 41 | color: white;
|
|---|
| 42 | background-color: rgba(0, 0, 0, 0.6);
|
|---|
| 43 | display: block;
|
|---|
| 44 | transition: opacity 0.4s ease-out;
|
|---|
| 45 | opacity: ${(props) => props.opacity};
|
|---|
| 46 | position: absolute;
|
|---|
| 47 | right: ${(props) => props.right};
|
|---|
| 48 | top: ${(props) => props.top};
|
|---|
| 49 | `;
|
|---|
Note:
See
TracBrowser
for help on using the repository browser.
