add some more style tweaks

This commit is contained in:
Aaron Bieber 2022-09-23 21:45:29 -06:00
parent 83974081ca
commit d7e1920d95
No known key found for this signature in database

View File

@ -56,21 +56,31 @@ __DATA__
<style> <style>
body { body {
font-family: Avenir, 'Open Sans', sans-serif; font-family: Avenir, 'Open Sans', sans-serif;
background-color: #ffffea;
} }
table { table {
border-collapse:separate; border-collapse:separate;
border:solid black 1px; border:solid black 1px;
border-radius:6px; border-radius:6px;
background-color: #fff;
} }
td, th { td, th {
border-left:solid black 1px; border-left:solid black 1px;
border-top:solid black 1px; border-top:solid black 1px;
} }
.search {
padding: 10px;
margin: 10px;
border-radius:6px;
box-shadow: 2px 2px 2px black;
}
th { th, .search {
border-top: none; border-top: none;
background-color: #eaeaff;
} }
td:first-child, th:first-child { td:first-child, th:first-child {
@ -79,16 +89,16 @@ __DATA__
td { td {
padding: 10px; padding: 10px;
text-align: left;
} }
.nowrap { .nowrap {
white-space: nowrap; white-space: nowrap;
} }
code { footer, .wrap, .results {
background: #ccc; width: 100%;
padding: 3px; text-align: center;
border-radius:6px;
} }
</style> </style>
</head> </head>
@ -103,30 +113,32 @@ __DATA__
</div> </div>
</div> </div>
<hr /> <hr />
<%== content %> <div class="results">
<%== content %>
</div>
<hr /> <hr />
<footer> <footer>
<a href="https://github.com/qbit/openbsd.app">OpenBSD.app</a> © 2022 <p><a href="https://github.com/qbit/openbsd.app">OpenBSD.app</a> © 2022
</footer> </footer>
</body> </body>
</html> </html>
@@ results.html.ep @@ results.html.ep
% layout 'default'; % layout 'default';
Found <%= @$results %> results for '<%= $search %>': <p>Found <b><%= @$results %></b> results for '<b><%= $search %></b>'</p>
<table> <table class="results">
<thead> <thead>
<tr> <tr>
<th>Path</th>
<th>Package Name</th> <th>Package Name</th>
<th>Path</th>
<th>Comment</th> <th>Comment</th>
<th>Description</th> <th>Description</th>
</tr> </tr>
</thead> </thead>
% foreach my $result (@$results) { % foreach my $result (@$results) {
<tr> <tr>
<td class="nowrap"><%= $result->{FULLPKGPATH} %></td>
<td class="nowrap"><%= $result->{FULLPKGNAME} %></td> <td class="nowrap"><%= $result->{FULLPKGNAME} %></td>
<td class="nowrap"><%= $result->{FULLPKGPATH} %></td>
<td class="nowrap"><%== $result->{COMMENT_MATCH} %></td> <td class="nowrap"><%== $result->{COMMENT_MATCH} %></td>
<td><%== $result->{DESCR_MATCH} %></td> <td><%== $result->{DESCR_MATCH} %></td>
</tr> </tr>