don't show alpha on embed

main
Mike Fix 5 years ago
parent e1147dd887
commit c967318194

@ -153,8 +153,8 @@ class Carbon extends React.PureComponent {
/> />
{config.watermark && <Watermark light={light} />} {config.watermark && <Watermark light={light} />}
<div className="container-bg"> <div className="container-bg">
<div className="white eliminateOnRender" /> {!this.props.embed && <div className="white eliminateOnRender" />}
<div className="alpha eliminateOnRender" /> {!this.props.embed && <div className="alpha eliminateOnRender" />}
<div className="bg" /> <div className="bg" />
</div> </div>
<style jsx> <style jsx>
@ -225,9 +225,7 @@ class Carbon extends React.PureComponent {
z-index: 1; z-index: 1;
border-radius: 5px; border-radius: 5px;
${config.dropShadow ${config.dropShadow
? `box-shadow: 0 ${config.dropShadowOffsetY} ${ ? `box-shadow: 0 ${config.dropShadowOffsetY} ${config.dropShadowBlurRadius} rgba(0, 0, 0, 0.55)`
config.dropShadowBlurRadius
} rgba(0, 0, 0, 0.55)`
: ''}; : ''};
} }
@ -274,7 +272,7 @@ class Carbon extends React.PureComponent {
<div className="section"> <div className="section">
<div className="export-container" ref={this.props.innerRef} id="export-container"> <div className="export-container" ref={this.props.innerRef} id="export-container">
<SpinnerWrapper loading={this.props.loading}>{content}</SpinnerWrapper> <SpinnerWrapper loading={this.props.loading}>{content}</SpinnerWrapper>
<div className="twitter-png-fix" /> {this.props.embed && <div className="twitter-png-fix" />}
</div> </div>
<style jsx> <style jsx>
{` {`

@ -111,6 +111,7 @@ class Embed extends React.Component {
readOnly={this.state.readOnly} readOnly={this.state.readOnly}
copyable={this.state.copyable} copyable={this.state.copyable}
onChange={this.updateCode} onChange={this.updateCode}
embed={true}
> >
{this.state.code} {this.state.code}
</Carbon> </Carbon>

Loading…
Cancel
Save