Add drafting board
This commit is contained in:
@@ -8,7 +8,14 @@
|
||||
<script type="module" src="traveldrafter.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="journeys-search-button">Search journeys</div>
|
||||
<div id="menu">
|
||||
<div id="journeys-search-button">Search journeys</div>
|
||||
</div>
|
||||
|
||||
<div id="drafting-board">
|
||||
<div id="drafting-board-content"></div>
|
||||
</div>
|
||||
|
||||
<div id="journeys-search" class="popup">
|
||||
<div class="popup-close">×</div>
|
||||
<div id="journeys-search-content" class="popup-content">
|
||||
|
@@ -1,5 +1,8 @@
|
||||
* {
|
||||
font-family: sans-serif;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.container {
|
||||
@@ -60,3 +63,20 @@ input.form-control {
|
||||
border-width: 1px;
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
#drafting-board {
|
||||
background-color: #f5a4d1;
|
||||
width: 100%;
|
||||
min-height: 50px;
|
||||
|
||||
padding: 20px;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
#drafting-board-content {
|
||||
border-color: red;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
min-width: 1000px;
|
||||
min-height: 300px;
|
||||
}
|
||||
|
Reference in New Issue
Block a user