Swapped Icons, site description removed + navbar uppercase. Box shadow fix.
This commit is contained in:
parent
585e7dada3
commit
7e51a56388
5 changed files with 21 additions and 3 deletions
|
@ -64,6 +64,14 @@
|
|||
&.closed {
|
||||
box-shadow: none;
|
||||
}
|
||||
&:before{
|
||||
content: '';
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
box-shadow: inset 0px 2px 3px 2px rgba(169, 173, 186, 0.2);
|
||||
}
|
||||
}
|
||||
|
||||
.asset-information-wrap {
|
||||
|
|
|
@ -1,10 +1,17 @@
|
|||
.nav-bar {
|
||||
padding-left: $primary-padding;
|
||||
padding-right: $primary-padding;
|
||||
|
||||
@media (max-width: $break-point-phone) {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
// border-bottom: 0.5px solid $tertiary-color;
|
||||
.select--arrow {
|
||||
padding: 0 1.5em 0 $input-padding;
|
||||
font-size: 14px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -12,6 +19,7 @@
|
|||
padding: calc(1em - 2px);
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.nav-bar-logo {
|
||||
|
@ -25,6 +33,7 @@
|
|||
padding-bottom: calc(1em - 2px);
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: $break-point-small ) {
|
||||
|
@ -35,3 +44,5 @@
|
|||
padding-left: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
|
@ -10,7 +10,6 @@ class NavBar extends React.Component {
|
|||
<div className={'nav-bar'}>
|
||||
<SpaceBetween >
|
||||
<Logo />
|
||||
<SiteDescription />
|
||||
<NavigationLinks />
|
||||
</SpaceBetween>
|
||||
</div>
|
||||
|
|
|
@ -19,7 +19,7 @@ class VerticalCollapsibleSplit extends React.Component {
|
|||
<div className='visible-content' data-name={this.props.name}>
|
||||
{this.props.top}
|
||||
<button className='collapse-button' onClick={this.collapse}>
|
||||
{this.state.closed ? <Icon.MinusCircle /> : <Icon.PlusCircle className='plus-icon' /> }
|
||||
{this.state.closed ? <Icon.PlusCircle className='plus-icon' /> : <Icon.MinusCircle /> }
|
||||
</button>
|
||||
</div>
|
||||
<div className='collapse-content' data-name={this.props.name}>
|
||||
|
|
|
@ -11,7 +11,7 @@ import * as Icon from 'react-feather';
|
|||
|
||||
class AssetInfo extends React.Component {
|
||||
render () {
|
||||
const { asset: { shortId, claimData : { channelName, certificateId, description, name, claimId, fileExt, contentType, thumbnail, host } } } = this.props;
|
||||
const { asset: { shortId, claimData: { channelName, certificateId, description, name, claimId, fileExt, contentType, thumbnail, host } } } = this.props;
|
||||
return (
|
||||
<div className='asset-information-wrap'>
|
||||
<HorizontalSplit
|
||||
|
|
Loading…
Reference in a new issue