mirror of
https://github.com/chinchang/web-maker.git
synced 2025-06-07 01:54:54 +02:00
minor fixes and docs
This commit is contained in:
parent
b91028532f
commit
15f24f92b2
@ -214,6 +214,7 @@ export class SidePane extends Component {
|
||||
}
|
||||
dropHandler(e) {
|
||||
e.preventDefault();
|
||||
// Object with `children` key is to simulate a folder structure for root folder
|
||||
this.props.onFileDrop(e.dataTransfer.getData('text/plain'), {
|
||||
children: this.props.files
|
||||
});
|
||||
|
@ -1283,9 +1283,17 @@ export default class App extends Component {
|
||||
});
|
||||
}
|
||||
|
||||
getRootClasses() {
|
||||
const classes = [];
|
||||
if (this.state.currentItem && this.state.currentItem.files) {
|
||||
classes.push('is-file-mode');
|
||||
}
|
||||
return classes.join(' ');
|
||||
}
|
||||
|
||||
render() {
|
||||
return (
|
||||
<div>
|
||||
<div class={this.getRootClasses()}>
|
||||
<div class="main-container">
|
||||
<MainHeader
|
||||
externalLibCount={this.state.externalLibCount}
|
||||
|
@ -67,9 +67,9 @@
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body class="is-project">
|
||||
<!-- SCRIPT-TAGS -->
|
||||
<%= htmlWebpackPlugin.options.ssr({
|
||||
<body>
|
||||
<!-- SCRIPT-TAGS -->
|
||||
<%= htmlWebpackPlugin.options.ssr({
|
||||
url: '/'
|
||||
}) %>
|
||||
<script defer src="<%= htmlWebpackPlugin.files.chunks['bundle'].entry %>"></script>
|
||||
|
@ -387,7 +387,7 @@ body:not(.light-version).overlay-visible .main-container {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.is-project .content-wrap {
|
||||
.is-file-mode .content-wrap {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
@ -455,7 +455,7 @@ body:not(.light-version).overlay-visible .main-container {
|
||||
height: auto;
|
||||
width: 33%;
|
||||
}
|
||||
.is-project .code-wrap {
|
||||
.is-file-mode .code-wrap {
|
||||
flex-basis: 100%;
|
||||
}
|
||||
|
||||
@ -1673,7 +1673,7 @@ body:not(.is-app) .show-when-app {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.is-project .hide-in-file-mode {
|
||||
.is-file-mode .hide-in-file-mode {
|
||||
display: none !important;
|
||||
}
|
||||
@media screen and (max-width: 600px) {
|
||||
|
Loading…
x
Reference in New Issue
Block a user