IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix styles

Browse Source
This commit is contained in:
Vladislav Makhov 2020-07-14 13:40:56 +03:00
parent 806f64abae
commit 5af854226a
1 changed files with 22 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
web/ASC.Web.Common/src/components/Layout/sub-components/header-logo.js
View File

@ -3,6 +3,7 @@ import styled from "styled-components";
import PropTypes from 'prop-types';
const HeaderLogoContainer = styled.div`
.header-logo-wrapper {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@ -12,8 +13,9 @@ const HeaderLogoContainer = styled.div`
cursor: pointer;
width: 24px;
height: 24px;
@media (max-width: 620px) {
padding: 0 12px 0 0;
margin: 0 12px 0 0;
display: ${props => props.module && "block"};
}
}
@ -22,20 +24,20 @@ const HeaderLogoContainer = styled.div`
width: 146px;
height: 24px;
position: relative;
padding: 4px 20px 0 ${props => (props.logged ? "6px" : "240px")};
margin: 4px 20px 0 ${props => (props.logged ? "6px" : "240px")};
cursor: pointer;
@media (max-width: 768px) {
padding: 4px 20px 0 ${props => (props.logged ? "6px" : "144px")};
margin: 4px 20px 0 ${props => (props.logged ? "6px" : "144px")};
}
@media (max-width: 620px) {
display: ${props => (props.module ? "none" : "block")};
padding: 0px 20px 0 6px;
margin: 0px 20px 0 ${props => (props.logged ? "6px" : "144px")};
}
@media (max-width: 375px) {
padding: 4px 20px 0 ${props => (props.logged ? "6px" : "32px")};
margin: 4px 20px 0 ${props => (props.logged ? "6px" : "32px")};
}
}
`;
@ -45,7 +47,10 @@ const HeaderLogo = ({ logged }) => {
return (
<HeaderLogoContainer logged={logged}>
<a className="header-logo-wrapper" href="/">
<img className="header-logo-min_icon" src="images/nav.logo.react.svg" />
<img
className="header-logo-min_icon"
src="images/nav.logo.react.svg"
/>
<img
className="header-logo-icon"
src="images/nav.logo.opened.react.svg"