Skip to content

Commit 6860d2b

Browse files
committed
adding responsiveness
1 parent 0a855fc commit 6860d2b

File tree

7 files changed

+115
-38
lines changed

7 files changed

+115
-38
lines changed

client/.eslintcache

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
[{"D:\\Webdev\\remote-code-executor\\client\\src\\index.js":"1","D:\\Webdev\\remote-code-executor\\client\\src\\reducers\\code.js":"2","D:\\Webdev\\remote-code-executor\\client\\src\\components\\code-editor\\CodeEditorIndex.js":"3","D:\\Webdev\\remote-code-executor\\client\\src\\App.js":"4","D:\\Webdev\\remote-code-executor\\client\\src\\components\\code-editor\\Input.js":"5","D:\\Webdev\\remote-code-executor\\client\\src\\components\\code-editor\\Editor.js":"6","D:\\Webdev\\remote-code-executor\\client\\src\\components\\home\\Terminal.js":"7"},{"size":743,"mtime":1610226935752,"results":"8","hashOfConfig":"9"},{"size":683,"mtime":1609936382135,"results":"10","hashOfConfig":"9"},{"size":831,"mtime":1610380988931,"results":"11","hashOfConfig":"9"},{"size":565,"mtime":1610380988929,"results":"12","hashOfConfig":"9"},{"size":1337,"mtime":1610380988939,"results":"13","hashOfConfig":"9"},{"size":3571,"mtime":1610385025825,"results":"14","hashOfConfig":"9"},{"size":4866,"mtime":1610401281185,"results":"15","hashOfConfig":"9"},{"filePath":"16","messages":"17","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"j0ormm",{"filePath":"18","messages":"19","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"20","messages":"21","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"22","messages":"23","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"24","messages":"25","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"26","messages":"27","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"28","messages":"29","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},"D:\\Webdev\\remote-code-executor\\client\\src\\index.js",[],"D:\\Webdev\\remote-code-executor\\client\\src\\reducers\\code.js",["30"],"D:\\Webdev\\remote-code-executor\\client\\src\\components\\code-editor\\CodeEditorIndex.js",[],"D:\\Webdev\\remote-code-executor\\client\\src\\App.js",[],"D:\\Webdev\\remote-code-executor\\client\\src\\components\\code-editor\\Input.js",["31"],"D:\\Webdev\\remote-code-executor\\client\\src\\components\\code-editor\\Editor.js",["32"],"D:\\Webdev\\remote-code-executor\\client\\src\\components\\home\\Terminal.js",["33","34"],{"ruleId":"35","severity":1,"message":"36","line":9,"column":1,"nodeType":"37","endLine":33,"endColumn":2},{"ruleId":"38","severity":1,"message":"39","line":32,"column":7,"nodeType":"40","messageId":"41","endLine":32,"endColumn":12},{"ruleId":"38","severity":1,"message":"42","line":13,"column":7,"nodeType":"40","messageId":"41","endLine":13,"endColumn":10},{"ruleId":"38","severity":1,"message":"43","line":4,"column":20,"nodeType":"40","messageId":"41","endLine":4,"endColumn":24},{"ruleId":"38","severity":1,"message":"44","line":30,"column":7,"nodeType":"40","messageId":"41","endLine":30,"endColumn":11},"import/no-anonymous-default-export","Unexpected default export of anonymous function","ExportDefaultDeclaration","no-unused-vars","'error' is assigned a value but never used.","Identifier","unusedVar","'Row' is assigned a value but never used.","'User' is defined but never used.","'Body' is assigned a value but never used."]
1+
[{"D:\\Webdev\\remote-code-executor\\client\\src\\index.js":"1","D:\\Webdev\\remote-code-executor\\client\\src\\reducers\\code.js":"2","D:\\Webdev\\remote-code-executor\\client\\src\\components\\code-editor\\CodeEditorIndex.js":"3","D:\\Webdev\\remote-code-executor\\client\\src\\App.js":"4","D:\\Webdev\\remote-code-executor\\client\\src\\components\\code-editor\\Input.js":"5","D:\\Webdev\\remote-code-executor\\client\\src\\components\\code-editor\\Editor.js":"6","D:\\Webdev\\remote-code-executor\\client\\src\\components\\home\\Terminal.js":"7","D:\\Webdev\\remote-code-executor\\client\\src\\reducers\\index.js":"8","D:\\Webdev\\remote-code-executor\\client\\src\\actions\\code.js":"9","D:\\Webdev\\remote-code-executor\\client\\src\\components\\home\\Home.js":"10","D:\\Webdev\\remote-code-executor\\client\\src\\components\\code-editor\\Header.js":"11","D:\\Webdev\\remote-code-executor\\client\\src\\components\\home\\Header.js":"12","D:\\Webdev\\remote-code-executor\\client\\src\\constants\\theme.js":"13","D:\\Webdev\\remote-code-executor\\client\\src\\constants\\global.js":"14","D:\\Webdev\\remote-code-executor\\client\\src\\utils\\useDarkMode.js":"15","D:\\Webdev\\remote-code-executor\\client\\src\\components\\code-editor\\ToggleTheme.js":"16","D:\\Webdev\\remote-code-executor\\client\\src\\components\\code-editor\\Submit.js":"17"},{"size":743,"mtime":1610226935752,"results":"18","hashOfConfig":"19"},{"size":683,"mtime":1609936382135,"results":"20","hashOfConfig":"19"},{"size":831,"mtime":1610380988931,"results":"21","hashOfConfig":"19"},{"size":565,"mtime":1610380988929,"results":"22","hashOfConfig":"19"},{"size":1337,"mtime":1610380988939,"results":"23","hashOfConfig":"19"},{"size":4348,"mtime":1610555609492,"results":"24","hashOfConfig":"19"},{"size":4866,"mtime":1610401281185,"results":"25","hashOfConfig":"19"},{"size":115,"mtime":1609936382137,"results":"26","hashOfConfig":"19"},{"size":906,"mtime":1609936382122,"results":"27","hashOfConfig":"19"},{"size":1331,"mtime":1610388602041,"results":"28","hashOfConfig":"19"},{"size":469,"mtime":1610380988937,"results":"29","hashOfConfig":"19"},{"size":360,"mtime":1610380988954,"results":"30","hashOfConfig":"19"},{"size":311,"mtime":1610280878601,"results":"31","hashOfConfig":"19"},{"size":427,"mtime":1610283140701,"results":"32","hashOfConfig":"19"},{"size":813,"mtime":1609936382142,"results":"33","hashOfConfig":"19"},{"size":1731,"mtime":1610380988943,"results":"34","hashOfConfig":"19"},{"size":535,"mtime":1610380988941,"results":"35","hashOfConfig":"19"},{"filePath":"36","messages":"37","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"38"},"j0ormm",{"filePath":"39","messages":"40","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"41","usedDeprecatedRules":"38"},{"filePath":"42","messages":"43","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"38"},{"filePath":"44","messages":"45","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"46","messages":"47","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"48","usedDeprecatedRules":"49"},{"filePath":"50","messages":"51","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"52","messages":"53","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"54","messages":"55","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"56","messages":"57","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"38"},{"filePath":"58","messages":"59","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"60","messages":"61","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"62","messages":"63","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"64","messages":"65","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"66","messages":"67","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"68","messages":"69","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"70","messages":"71","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"72","messages":"73","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"D:\\Webdev\\remote-code-executor\\client\\src\\index.js",[],["74","75"],"D:\\Webdev\\remote-code-executor\\client\\src\\reducers\\code.js",["76"],"import { SET_OUTPUT, SET_ERROR, SET_LOADING_TRUE } from '../actions/type';\r\n\r\nconst initialState = {\r\n isFetching: false,\r\n output: '',\r\n error: ''\r\n};\r\n\r\nexport default function(state = initialState, action) {\r\n switch (action.type) {\r\n case SET_LOADING_TRUE:\r\n return {\r\n ...state,\r\n isFetching: true\r\n };\r\n case SET_OUTPUT:\r\n return {\r\n ...state,\r\n isFetching: false,\r\n output: action.payload.output,\r\n error: ''\r\n };\r\n case SET_ERROR:\r\n return {\r\n ...state,\r\n isFetching: false,\r\n error: action.payload,\r\n output: ''\r\n };\r\n default:\r\n return state;\r\n }\r\n}\r\n","D:\\Webdev\\remote-code-executor\\client\\src\\components\\code-editor\\CodeEditorIndex.js",[],"D:\\Webdev\\remote-code-executor\\client\\src\\App.js",[],"D:\\Webdev\\remote-code-executor\\client\\src\\components\\code-editor\\Input.js",["77"],"import React, { useEffect } from 'react';\r\nimport styled from 'styled-components';\r\nimport { useSelector } from 'react-redux';\r\nimport styles from './styles/input.module.css';\r\n\r\nconst Div = styled.div`\r\n height: 100%;\r\n // flex: 1;\r\n box-sizing: border-box;\r\n margin: 20;\r\n color: ${props => props.error && 'red'};\r\n background-color: '#eeeeee';\r\n overflow: scroll;\r\n outline: none;\r\n`;\r\n\r\nconst TextInput = styled.textarea`\r\n color: ${props => (props.theme === 'dark' ? 'white' : 'black')};\r\n background-color: ${props => (props.theme === 'dark' ? '#1e1e1e' : 'white')};\r\n width: 100%;\r\n height: 100%;\r\n padding: 20px;\r\n outline: none;\r\n resize: none;\r\n border: none;\r\n border-radius: 0;\r\n font-size: 1.2em;\r\n`;\r\n\r\nconst Input = ({ input, setInput, theme }) => {\r\n let output = useSelector(state => state.code.output);\r\n let error = useSelector(state => state.code.error);\r\n\r\n useEffect(() => {\r\n console.log(output);\r\n }, [output]);\r\n return (\r\n <Div className={styles.input_field}>\r\n <TextInput\r\n theme={theme}\r\n value={input}\r\n onChange={e => {\r\n console.log(e.target.value);\r\n setInput(e.target.value);\r\n }}\r\n className={styles.textarea_input}\r\n placeholder='Give input here...'\r\n />\r\n </Div>\r\n );\r\n};\r\n\r\nexport default Input;\r\n",["78","79"],"D:\\Webdev\\remote-code-executor\\client\\src\\components\\code-editor\\Editor.js",["80","81"],"D:\\Webdev\\remote-code-executor\\client\\src\\components\\home\\Terminal.js",["82","83"],"D:\\Webdev\\remote-code-executor\\client\\src\\reducers\\index.js",[],"D:\\Webdev\\remote-code-executor\\client\\src\\actions\\code.js",[],"D:\\Webdev\\remote-code-executor\\client\\src\\components\\home\\Home.js",[],"D:\\Webdev\\remote-code-executor\\client\\src\\components\\code-editor\\Header.js",[],"D:\\Webdev\\remote-code-executor\\client\\src\\components\\home\\Header.js",[],"D:\\Webdev\\remote-code-executor\\client\\src\\constants\\theme.js",[],"D:\\Webdev\\remote-code-executor\\client\\src\\constants\\global.js",[],"D:\\Webdev\\remote-code-executor\\client\\src\\utils\\useDarkMode.js",[],"D:\\Webdev\\remote-code-executor\\client\\src\\components\\code-editor\\ToggleTheme.js",[],"D:\\Webdev\\remote-code-executor\\client\\src\\components\\code-editor\\Submit.js",[],{"ruleId":"84","replacedBy":"85"},{"ruleId":"86","replacedBy":"87"},{"ruleId":"88","severity":1,"message":"89","line":9,"column":1,"nodeType":"90","endLine":33,"endColumn":2},{"ruleId":"91","severity":1,"message":"92","line":32,"column":7,"nodeType":"93","messageId":"94","endLine":32,"endColumn":12},{"ruleId":"84","replacedBy":"95"},{"ruleId":"86","replacedBy":"96"},{"ruleId":"91","severity":1,"message":"97","line":13,"column":7,"nodeType":"93","messageId":"94","endLine":13,"endColumn":10},{"ruleId":"91","severity":1,"message":"98","line":32,"column":10,"nodeType":"93","messageId":"94","endLine":32,"endColumn":22},{"ruleId":"91","severity":1,"message":"99","line":4,"column":20,"nodeType":"93","messageId":"94","endLine":4,"endColumn":24},{"ruleId":"91","severity":1,"message":"100","line":30,"column":7,"nodeType":"93","messageId":"94","endLine":30,"endColumn":11},"no-native-reassign",["101"],"no-negated-in-lhs",["102"],"import/no-anonymous-default-export","Unexpected default export of anonymous function","ExportDefaultDeclaration","no-unused-vars","'error' is assigned a value but never used.","Identifier","unusedVar",["101"],["102"],"'Row' is assigned a value but never used.","'windowHeight' is assigned a value but never used.","'User' is defined but never used.","'Body' is assigned a value but never used.","no-global-assign","no-unsafe-negation"]

client/src/App.module.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,5 +12,5 @@ body {
1212
height: 100vh;
1313
background-color: gainsboro;
1414
font-family: "Montserrat", sans-serif;
15-
overflow: hidden;
15+
/* overflow: hidden; */
1616
}

client/src/components/code-editor/Editor.js

Lines changed: 31 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import React, { useRef, useState } from "react";
1+
import React, { useRef, useState, useEffect } from "react";
22
import Editor from "@monaco-editor/react";
33
import { executeCode, setLoadingTrue } from "../../actions/code";
44
import { useDispatch, useSelector } from "react-redux";
@@ -7,7 +7,7 @@ import Submit from "./Submit";
77
import Split from "react-split";
88
import styled from "styled-components";
99
import styles from "./styles/editor.module.css";
10-
10+
import "./styles/style.css";
1111
import { Play } from "react-feather";
1212

1313
const Row = styled.div`
@@ -18,21 +18,37 @@ const Row = styled.div`
1818

1919
const OutputWindow = styled.div`
2020
border-radius: 5px;
21-
padding: 0 20px;
21+
padding: 20px;
2222
box-sizing: border-box;
23+
overflow: auto;
24+
flex: 1;
2325
color: ${(props) => (props.error ? "red" : "black")};
2426
`;
2527

2628
const CodeEditor = ({ theme }) => {
2729
const loading = useSelector((state) => state.code.isFetching);
2830
const [isEditorReady, setIsEditorReady] = useState(false);
31+
const [windowWidth, setWindowWidth] = useState(window.innerWidth);
32+
const [windowHeight, setWindowHeight] = useState(window.innerHeight);
2933
const [language, setLanguage] = useState("c");
3034
const [input, setInput] = useState("");
3135
const dispatch = useDispatch();
3236
const valueGetter = useRef();
3337
let output = useSelector((state) => state.code.output);
3438
let error = useSelector((state) => state.code.error);
3539

40+
useEffect(() => {
41+
window.addEventListener("resize", updateWindowDimensions);
42+
return () => {
43+
window.removeEventListener("resize", updateWindowDimensions);
44+
};
45+
}, []);
46+
47+
const updateWindowDimensions = () => {
48+
setWindowWidth(window.innerWidth);
49+
setWindowHeight(window.innerHeight);
50+
};
51+
3652
const handleEditorDidMount = (_valueGetter) => {
3753
setIsEditorReady(true);
3854
valueGetter.current = _valueGetter;
@@ -48,15 +64,16 @@ const CodeEditor = ({ theme }) => {
4864
const changeLanguage = (e) => {
4965
setLanguage(e.target.value);
5066
};
51-
5267
return (
5368
<>
5469
<div className={styles.row}>
5570
<Split
56-
direction="horizontal"
57-
sizes={[50, 50]}
58-
minSize={0}
59-
snapOffset={200}
71+
direction={windowWidth > 800 ? "horizontal" : "vertical"}
72+
sizes={[60, 40]}
73+
minSize={500}
74+
// snapOffset={200}
75+
gutterSize={20}
76+
gutterAlign="center"
6077
className={styles.splitHor}
6178
>
6279
<div className={styles.left}>
@@ -72,7 +89,8 @@ const CodeEditor = ({ theme }) => {
7289
</div>
7390
</div>
7491
<Editor
75-
wrapperClassName="editor"
92+
// wrapperClassName="editor"
93+
className="editor"
7694
language={language}
7795
theme={theme === "dark" ? "vs-dark" : "light"}
7896
editorDidMount={handleEditorDidMount}
@@ -82,9 +100,11 @@ const CodeEditor = ({ theme }) => {
82100
<div className={styles.column}>
83101
<Split
84102
direction="vertical"
85-
sizes={[50, 50]}
103+
sizes={windowWidth > 800 ? [75, 25] : [100, 0]}
86104
minSize={0}
87-
snapOffset={200}
105+
// snapOffset={100}
106+
gutterSize={20}
107+
gutterAlign="center"
88108
className={styles.splitVer}
89109
>
90110
<div className={styles.output}>

client/src/components/code-editor/style.css

Lines changed: 0 additions & 13 deletions
This file was deleted.

client/src/components/code-editor/styles/editor.module.css

Lines changed: 43 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
11
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500&display=swap");
22

33
.editor {
4-
flex: 1;
5-
min-height: 80vh;
4+
/* flex: 1; */
5+
/* min-height: 80vh; */
6+
height: 80%;
67
}
78

89
.row {
@@ -69,12 +70,15 @@
6970
/* flex: 1; */
7071
/* margin-left: 10px; */
7172
box-sizing: border-box;
73+
height: 100%;
7274
/* background-color: white; */
7375
}
7476
.left {
7577
background-color: #1e1e1e;
78+
height: 100%;
7679
display: flex;
7780
flex-direction: column;
81+
min-width: 300px;
7882
/* flex: 1; */
7983
}
8084
.gutter {
@@ -88,7 +92,8 @@
8892
border-bottom: 1px solid #555555;
8993
justify-content: space-between;
9094
align-items: center;
91-
height: 60px;
95+
height: 90%;
96+
max-height: 60px;
9297
}
9398

9499
.submitButton {
@@ -117,6 +122,8 @@
117122
.output {
118123
width: 100%;
119124
/* flex: 2; */
125+
display: flex;
126+
flex-direction: column;
120127
box-sizing: border-box;
121128
background-color: white;
122129
}
@@ -132,25 +139,53 @@
132139
display: flex;
133140
background: linear-gradient(180deg, whitesmoke, white);
134141
padding: 10px;
135-
margin-bottom: 20px;
142+
/* margin-bottom: 20px; */
136143
border-bottom: 1px solid #555555;
137144
/* justify-content: space-between; */
138145
color: #1e1e1e;
139146
font-size: 1.2em;
140147
font-weight: 700;
141148
align-items: center;
142149
border: 2px solid whitesmoke;
143-
height: 60px;
150+
/* height: 0%; */
151+
max-height: 3em;
152+
}
153+
@media screen and (min-width: 800px) {
154+
.right {
155+
height: 100% !important;
156+
}
157+
.left {
158+
height: 100% !important;
159+
}
160+
.splitHor {
161+
display: flex;
162+
/* flex-direction: column; */
163+
width: 100% !important;
164+
height: 100% !important;
165+
}
144166
}
145167

146168
@media only screen and (max-width: 800px) {
147-
.row {
169+
.right {
170+
width: 100% !important;
171+
}
172+
.left {
173+
width: 100% !important;
174+
}
175+
176+
.splitHor {
177+
display: flex;
178+
flex-direction: column;
179+
width: 100% !important;
180+
height: 100% !important;
181+
}
182+
}
183+
/* .row {
148184
flex-direction: column;
149185
overflow: auto;
150186
}
151187
152188
.left {
153-
flex: 1;
154189
min-height: 80vh;
155190
}
156191
@@ -161,11 +196,8 @@
161196
162197
.output {
163198
min-height: 300px;
164-
order: 2;
165199
}
166200
167201
.input {
168202
min-height: 200px;
169-
order: 1;
170-
}
171-
}
203+
} */

client/src/components/code-editor/styles/footerStyles.module.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
.footer {
2-
height: 5px;
2+
height: 1vh;
33
width: 100%;
44
background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
55
background-size: 400% 400%;
Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
.gutter {
2+
/* background-color: #eee; */
3+
4+
background-repeat: no-repeat;
5+
background-position: 50%;
6+
transition: 0.3s all;
7+
/* background-color: rgba(128, 128, 128, 0.664); */
8+
}
9+
10+
.gutter:hover {
11+
background-color: rgb(41, 41, 41);
12+
/* cursor: col-resize; */
13+
opacity: 0.7;
14+
}
15+
.gutter.gutter-vertical {
16+
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=");
17+
}
18+
19+
/* .gutter.gutter-horizontal {
20+
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==");
21+
} */
22+
23+
.editor {
24+
/* flex: 1; */
25+
/* min-height: 80vh; */
26+
height: 80%;
27+
}
28+
29+
@media only screen and (max-width: 800px) {
30+
.gutter.gutter-horizontal {
31+
width: 100% !important;
32+
}
33+
}
34+
@media only screen and (min-width: 800px) {
35+
.gutter.gutter-horizontal {
36+
height: 100% !important;
37+
}
38+
}

0 commit comments

Comments
 (0)