mirror of
https://github.com/Grasscutters/mitmproxy.git
synced 2024-11-25 18:03:50 +00:00
add sticky footer contentview
This commit is contained in:
parent
9b0b007a5d
commit
ab322f0be4
@ -11,4 +11,7 @@
|
|||||||
.text{
|
.text{
|
||||||
|
|
||||||
}
|
}
|
||||||
|
.codeeditor{
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
@ -6,6 +6,8 @@
|
|||||||
.flow-detail {
|
.flow-detail {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
overflow:hidden;
|
overflow:hidden;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
nav {
|
nav {
|
||||||
background-color: #F2F2F2;
|
background-color: #F2F2F2;
|
||||||
@ -44,18 +46,14 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
height:95%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.flowview-body{
|
.flowview-body{
|
||||||
position:relative;
|
|
||||||
flex: 1 1 auto;
|
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 5px 12px 0;
|
padding: 5px 12px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flowview-footer{
|
.flowview-footer{
|
||||||
flex: 0 0 auto;
|
|
||||||
box-shadow: 0 0 3px gray;
|
box-shadow: 0 0 3px gray;
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
@ -14,7 +14,7 @@ export default function CodeEditor ( { content, onChange} ){
|
|||||||
lineNumbers: true
|
lineNumbers: true
|
||||||
};
|
};
|
||||||
return (
|
return (
|
||||||
<div onKeyDown={e => e.stopPropagation()}>
|
<div className="codeeditor" onKeyDown={e => e.stopPropagation()}>
|
||||||
<Codemirror value={content} onChange={onChange} options={options}/>
|
<Codemirror value={content} onChange={onChange} options={options}/>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
Loading…
Reference in New Issue
Block a user