iterate PR based on feedback

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski 2020-10-21 09:48:02 +01:00
parent 9cd146aa33
commit 5a9bac68c6
2 changed files with 5 additions and 6 deletions

View file

@ -58,7 +58,7 @@ $MiniAppTileHeight: 200px;
width: 4px; width: 4px;
border-radius: 4px; border-radius: 4px;
content: ' '; content: '';
background-color: $primary-fg-color; background-color: $primary-fg-color;
opacity: 0.8; opacity: 0.8;
@ -101,7 +101,7 @@ $MiniAppTileHeight: 200px;
// TODO this should be 300px but that's too large // TODO this should be 300px but that's too large
$MinWidth: 240px; $MinWidth: 240px;
.mx_AppsDrawer_has2 .mx_AppTile { .mx_AppsDrawer_2apps .mx_AppTile {
width: 50%; width: 50%;
&:nth-child(3) { &:nth-child(3) {
@ -110,7 +110,7 @@ $MinWidth: 240px;
min-width: $MinWidth !important; min-width: $MinWidth !important;
} }
} }
.mx_AppsDrawer_has3 .mx_AppTile { .mx_AppsDrawer_3apps .mx_AppTile {
width: 33%; width: 33%;
&:nth-child(3) { &:nth-child(3) {

View file

@ -244,9 +244,8 @@ export default class AppsDrawer extends React.Component {
mx_AppsDrawer: true, mx_AppsDrawer: true,
mx_AppsDrawer_fullWidth: apps.length < 2, mx_AppsDrawer_fullWidth: apps.length < 2,
mx_AppsDrawer_resizing: this.state.resizing, mx_AppsDrawer_resizing: this.state.resizing,
mx_AppsDrawer_has1: apps.length === 1, mx_AppsDrawer_2apps: apps.length === 2,
mx_AppsDrawer_has2: apps.length === 2, mx_AppsDrawer_3apps: apps.length === 3,
mx_AppsDrawer_has3: apps.length === 3,
}); });
return ( return (