clerie/traveldrafter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add drafting board

Browse Source
This commit is contained in:
clerie
2025-06-18 17:25:51 +02:00
parent f507299c15
commit 125dc820eb
2 changed files with 28 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/index.html
View File

@@ -8,7 +8,14 @@
<script type="module" src="traveldrafter.js"></script> <script type="module" src="traveldrafter.js"></script>
</head> </head>
<body> <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 id="journeys-search" class="popup">
<div class="popup-close">&times;</div> <div class="popup-close">&times;</div>
<div id="journeys-search-content" class="popup-content"> <div id="journeys-search-content" class="popup-content">

20
web/style.css
View File

@@ -1,5 +1,8 @@
* { * {
font-family: sans-serif; font-family: sans-serif;
padding: 0;
margin: 0;
box-sizing: border-box;
} }
.container { .container {
@@ -60,3 +63,20 @@ input.form-control {
border-width: 1px; border-width: 1px;
font-size: 2em; 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;
}