ilyakooo0/urbit
1
0
Fork 0
mirror of https://github.com/ilyakooo0/urbit.git synced 2024-11-11 16:09:31 +03:00
Code Issues Packages Projects Releases Wiki Activity

various-js: set background on skeletons to enable backgrounds

Browse Source
This commit is contained in:
Liam Fitzgerald 2020-07-31 12:55:26 +10:00
parent 1354bc897a
commit 5c65f0db20
4 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pkg/interface/src/apps/launch/components/tiles/clock.js
View File

@ -29,7 +29,7 @@ function darkColors(dark) {
background = '#333';
} else {
text = '#000000';
background = '#ffffff';
background = '#ffffff00';
}
}

8
pkg/interface/src/apps/launch/components/tiles/tile.js
View File

@ -3,10 +3,12 @@ import React from 'react';
export default class Tile extends React.Component {
render() {
const { transparent } = this.props;
const bgClasses = transparent ? ' ' : 'bg-white bg-gray0-d ';
return (
<div className="fl ma2 bg-white bg-gray0-d overflow-hidden"
style={{ height: '126px', width: '126px' }}>
{this.props.children}
<div className={"fl ma2 overflow-hidden" + bgClasses}
style={{ height: '126px', width: '126px' }}>
{this.props.children}
</div>
);
}

2
pkg/interface/src/apps/links/components/skeleton.js
View File

@ -37,7 +37,7 @@ export class Skeleton extends Component {
listening={props.listening}
api={props.api}
/>
<div className={'h-100 w-100 flex-auto relative ' + rightPanelHide} style={{
<div className={'h-100 w-100 flex-auto relative bg-white bg-gray0-d' + rightPanelHide} style={{
flexGrow: 1
}}
>

2
pkg/interface/src/apps/publish/components/skeleton.js
View File

@ -33,7 +33,7 @@ export class Skeleton extends Component {
selectedGroups={props.selectedGroups}
api={this.props.api}
/>
<div className={'h-100 w-100 relative white-d flex-auto ' + rightPanelHide} style={{
<div className={'bg-white bg-gray0-d h-100 w-100 relative white-d flex-auto ' + rightPanelHide} style={{
flexGrow: 1
}}
>