corysanin/archery
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Responsive on small screens

Browse Source
This commit is contained in:
Cory Sanin 2025-01-14 20:03:09 -05:00
parent b043dce7f0
commit a6b850fddd
3 changed files with 41 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
styles/01-styles.scss
View File

@ -191,6 +191,11 @@ input[type="submit"] {
}
}
.overflow-x {
max-width: 100%;
overflow-x: auto;
}
.grid-2col {
display: grid;
grid-template-columns: auto 1fr;

18
styles/02-responsive.scss Normal file
View File

@ -0,0 +1,18 @@
@media screen and (max-width:65rem) {
.sidebar {
width: 100%;
height: auto;
position: initial;
text-align: center;
.sidebar_search form {
width: 18em;
margin: auto;
}
}
.content {
margin-left: 0;
}
}

34
views/index.ejs
View File

@ -9,24 +9,26 @@
<%- include("navigation", locals) %>
<div class="content">
<h1>Build history</h1>
<table>
<tr>
<th>Repo</th>
<th>Distro</th>
<th>Date Started</th>
<th>Build Duration</th>
<th>Build Status</th>
</tr>
<% builds.forEach(build => { %>
<div class="overflow-x">
<table>
<tr>
<td><a href="/build/<%= build.id %>"><%= build.repo %></a></td>
<td><%= build.distro %></td>
<td class="to-local-time"><%= build.startTime %></td>
<td><%= timeElapsed(build.startTime, build.endTime) %></td>
<td><%= build.status %></td>
<th>Repo</th>
<th>Distro</th>
<th>Date Started</th>
<th>Build Duration</th>
<th>Build Status</th>
</tr>
<% }) %>
</table>
<% builds.forEach(build => { %>
<tr>
<td><a href="/build/<%= build.id %>"><%= build.repo %></a></td>
<td><%= build.distro %></td>
<td class="to-local-time"><%= build.startTime %></td>
<td><%= timeElapsed(build.startTime, build.endTime) %></td>
<td><%= build.status %></td>
</tr>
<% }) %>
</table>
</div>
</div>
<%- include("footer", locals) %>
<script src="/assets/js/timezone.js?v1" nonce="<%= cspNonce %>"></script>