fix(containers): App styles formatting, remove unused code

Metnew · Nov 9, 2017 · 7ec19b8 · 7ec19b8
1 parent f22d0a2
commit 7ec19b8
Showing 1 changed file with 3 additions and 14 deletions.
diff --git a/src/common/containers/App/style.jsx b/src/common/containers/App/style.jsx
@@ -1,5 +1,4 @@
 import styled from 'styled-components'
-import {media} from 'styles/utils'
 import {Dimmer, Sidebar, Container} from 'semantic-ui-react'
 
 export const PageLayout = styled.div`height: 100%;`
@@ -18,13 +17,13 @@ export const MainContent = styled.main`
 `
 
 export const SidebarSemanticPusherStyled = styled(Sidebar.Pusher)`
-  -webkit-overflow-scrolling: touch;
+	-webkit-overflow-scrolling: touch;
 `
 
 export const SidebarSemanticPushableStyled = styled(Sidebar.Pushable)`
 	display: initial;
 	> .pusher {
-		overflow: visible!important;
+		overflow: visible !important;
 	}
 `
 
@@ -34,19 +33,9 @@ export const MainContainer = styled(Container)`
 	margin-top: 2em;
 	margin-bottom: 1em;
 	flex-grow: 1;
-
-  &#main-container {
-		${media.mdOnly`
-			width: 100% !important;
-		`}
-
-		${media.smOnly`
-		  width: 100% !important;
-		`}
-	}
 `
 
 export const StyledDimmer = styled(Dimmer)`
-	z-index: 55!important;
+	z-index: 55 !important;
 	cursor: pointer;
 `