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

Add menu bar

Browse Source
This commit is contained in:
clerie
2025-07-06 19:59:52 +02:00
parent 455d54355c
commit 0bef06139c
2 changed files with 41 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/index.html
View File

@@ -9,7 +9,12 @@
</head> </head>
<body> <body>
<div id="menu"> <div id="menu">
<div id="journeys-search-button">Search journeys</div> <div class="menu-item">
<h1>Traveldrafter</h1>
</div>
<div id="journeys-search-button" class="menu-item menu-button">
<div>Search journeys</div>
</div>
</div> </div>
<div id="drafting-board"> <div id="drafting-board">

35
web/style.css
View File

@@ -9,6 +9,38 @@ body {
background-color: #f5a4d1; background-color: #f5a4d1;
} }
#menu {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 50px;
background-color: #ff85c9;
border-bottom-style: solid;
border-bottom-width: 1px;
}
#menu .menu-item {
float: left;
height: 100%;
padding: 10px;
padding-top: auto;
padding-bottom: auto;
}
#menu .menu-button:hover {
background-color: #ff4bb0;
border-left-style: solid;
border-left-width: 1px;
padding-left: 9px;
border-right-style: solid;
border-right-width: 1px;
padding-right: 9px;
}
.container { .container {
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
@@ -76,8 +108,11 @@ input.form-control {
#drafting-board { #drafting-board {
width: 100%; width: 100%;
height: 100vh;
padding: 20px; padding: 20px;
padding-top: 70px;
overflow: scroll; overflow: scroll;
} }