Last change
on this file since 747e0ab was bc20307, checked in by Tasevski2 <39170279+Tasevski2@…>, 3 years ago |
Push before video
|
-
Property mode
set to
100644
|
File size:
1.2 KB
|
Line | |
---|
1 | import styled from 'styled-components';
|
---|
2 | import MenuIcon from '@mui/icons-material/Menu';
|
---|
3 |
|
---|
4 | export const Header = styled.div`
|
---|
5 | width: 100%;
|
---|
6 | height: 66px;
|
---|
7 | background-color: #f2f2f2;
|
---|
8 | padding-left: 7px;
|
---|
9 | padding-right: 15px;
|
---|
10 | display: flex;
|
---|
11 | justify-content: space-between;
|
---|
12 | `;
|
---|
13 |
|
---|
14 | export const HeaderLogoWrapper = styled.div`
|
---|
15 | width: 100px;
|
---|
16 | height: 100%;
|
---|
17 | `;
|
---|
18 |
|
---|
19 | export const NavBar = styled.div`
|
---|
20 | display: flex;
|
---|
21 | flex-direction: row;
|
---|
22 | justify-content: space-between;
|
---|
23 | padding: 0 20px;
|
---|
24 | padding-top: 15px;
|
---|
25 | width: 100%;
|
---|
26 | `;
|
---|
27 |
|
---|
28 | export const NavBarTitles = styled.h3`
|
---|
29 | text-align: center;
|
---|
30 | display: inline-block;
|
---|
31 | border-bottom: ${(props) =>
|
---|
32 | props.$isSelected ? `3px solid ${props.theme.palette.third.main}` : 0};
|
---|
33 | padding-bottom: 10px;
|
---|
34 | margin: 0;
|
---|
35 | a {
|
---|
36 | color: ${(props) =>
|
---|
37 | props.$isSelected ? props.theme.palette.third.main : 'whiteSmoke'};
|
---|
38 | text-decoration: none;
|
---|
39 | }
|
---|
40 | `;
|
---|
41 |
|
---|
42 | export const MenuBurgerIcon = styled(MenuIcon).attrs((props) => ({
|
---|
43 | sx: {
|
---|
44 | fontSize: 50,
|
---|
45 | color: `${props.theme.palette.primary.main}`,
|
---|
46 | },
|
---|
47 | }))``;
|
---|
48 |
|
---|
49 | export const LogoWrapper = styled.div`
|
---|
50 | width: 100%;
|
---|
51 | height: 200px;
|
---|
52 | `;
|
---|
53 |
|
---|
54 | export const Logo = styled.img`
|
---|
55 | width: 100%;
|
---|
56 | height: 100%;
|
---|
57 | `;
|
---|
Note:
See
TracBrowser
for help on using the repository browser.