source: sources/client/src/components/user/Session/Buttons/styles.js@ bc20307

Last change on this file since bc20307 was bc20307, checked in by Tasevski2 <39170279+Tasevski2@…>, 2 years ago

Push before video

  • Property mode set to 100644
File size: 925 bytes
Line 
1import styled from 'styled-components';
2import { Button } from '@mui/material';
3
4export const RoundWrapper = styled(Button).attrs({})`
5 width: 150px;
6 height: 150px;
7 border-radius: 50%;
8 border: 1px dashed black;
9 box-shadow: 0 0 7px 3px black;
10 flex-direction: column;
11 color: black;
12 text-align: center;
13`;
14
15export const FuncText = styled.h2`
16 font-style: italic;
17 font-weight: 600;
18 margin: 0;
19 margin-top: 20px;
20`;
21
22export const HelperText = styled.h6`
23 text-decoration: underline;
24 margin: 0;
25 margin-top: 40px;
26`;
27
28export const PayButton = styled(Button).attrs((props) => ({
29 variant: 'contained',
30 size: 'large',
31 sx: {
32 backgroundColor: `#008080
33 `,
34 width: '200px',
35 },
36}))`
37 font-size: 25px;
38 font-style: italic;
39 box-shadow: 1px 1px 5px 1px black;
40 margin-top: 5vh;
41 :hover {
42 background-color: #007070;
43 }
44`;
Note: See TracBrowser for help on using the repository browser.