|
|
|
@ -8,9 +8,28 @@
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="./jsmind/jsmind.css" />
|
|
|
|
|
<script type="text/javascript" src="./jsmind/jsmind.js"></script>
|
|
|
|
|
<style>
|
|
|
|
|
body { margin: 0; padding: 20px; background-color: #f5f5f5; }
|
|
|
|
|
#mindmap-container { width: 100%; height: 80vh; border: 1px solid #ccc; background-color: white; }
|
|
|
|
|
.controls { margin-bottom: 15px; padding: 10px; background-color: #e9ecef; border-radius: 4px; }
|
|
|
|
|
html, body {
|
|
|
|
|
height: 100%;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
body {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
background-color: #f5f5f5;
|
|
|
|
|
}
|
|
|
|
|
.controls {
|
|
|
|
|
margin: 10px;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
background-color: #e9ecef;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
}
|
|
|
|
|
#mindmap-container {
|
|
|
|
|
flex: 1;
|
|
|
|
|
width: 100%;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
button { margin-right: 10px; padding: 6px 12px; cursor: pointer; }
|
|
|
|
|
#status { margin-left: 10px; color: #666; }
|
|
|
|
|
|
|
|
|
|