style settings page; add bookmark editor page

This commit is contained in:
Jakob Ketterl
2021-02-13 17:08:56 +01:00
parent cda43b5c5c
commit 3e4ba42aab
5 changed files with 59 additions and 10 deletions

View File

@ -43,3 +43,14 @@ h1 {
max-height: 350px;
max-width: 100%;
}
.settings-grid > div {
padding: 20px;
}
.settings-grid .btn {
width: 100%;
height: 100px;
padding: 20px;
font-size: 1.2rem;
}

View File

@ -11,17 +11,22 @@
<body>
${header}
<div class="container">
<div class="col-12">
<h1>Settings</h1>
<div class="row">
<h1 class="col-12">Settings</h1>
</div>
<div class="col-12">
<a href="settings/general">General settings</a>
</div>
<div class="col-12">
<a href="settings/sdr">SDR device settings</a>
</div>
<div class="col-12">
<a href="features">Feature report</a>
<div class="row settings-grid">
<div class="col-4">
<a class="btn btn-secondary" href="settings/general">General settings</a>
</div>
<div class="col-4">
<a class="btn btn-secondary" href="settings/sdr">SDR device settings</a>
</div>
<div class="col-4">
<a class="btn btn-secondary" href="settings/bookmarks">Bookmark editor</a>
</div>
<div class="col-4">
<a class="btn btn-secondary" href="features">Feature report</a>
</div>
</div>
</div>
</body>

View File

@ -0,0 +1,19 @@
<!DOCTYPE HTML>
<html>
<head>
<title>OpenWebRX Settings</title>
<link rel="shortcut icon" type="image/x-icon" href="../static/favicon.ico" />
<link rel="stylesheet" href="../static/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="../static/css/admin.css" />
<script src="../compiled/settings.js"></script>
<meta charset="utf-8">
</head>
<body>
${header}
<div class="container">
<div class="row">
<h1 class="col-12">Bookmarks</h1>
</div>
make me pretty!
</div>
</body>