|
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:
619 bytes
|
| Line | |
|---|
| 1 | import styled from 'styled-components';
|
|---|
| 2 | import EditI from '@mui/icons-material/Edit';
|
|---|
| 3 |
|
|---|
| 4 | export const RightSideWrapper = styled.div`
|
|---|
| 5 | display: flex;
|
|---|
| 6 | flex-direction: column;
|
|---|
| 7 | justify-content: space-between;
|
|---|
| 8 | height: 100%;
|
|---|
| 9 | width: 500px;
|
|---|
| 10 | position: relative;
|
|---|
| 11 | `;
|
|---|
| 12 |
|
|---|
| 13 | export const EditIcon = styled(EditI).attrs((props) => ({
|
|---|
| 14 | sx: {
|
|---|
| 15 | fontSize: '3rem',
|
|---|
| 16 | border: `3px solid ${props.theme.palette.third.main}`,
|
|---|
| 17 | color: props.theme.palette.third.main,
|
|---|
| 18 | padding: '5px',
|
|---|
| 19 | },
|
|---|
| 20 | }))`
|
|---|
| 21 | :hover {
|
|---|
| 22 | background-color: rgba(246, 80, 38, 0.1);
|
|---|
| 23 | border: 3px dashed ${(props) => props.theme.palette.third.main};
|
|---|
| 24 | }
|
|---|
| 25 | `;
|
|---|
Note:
See
TracBrowser
for help on using the repository browser.
