🔨 Make the app responsive

This commit is contained in:
Sebastien Clement 2020-02-16 19:22:27 +01:00
parent 51b10e2bed
commit e12a652ae7
3 changed files with 7 additions and 5 deletions

View File

@ -3,7 +3,7 @@
<% for(const index in backups) { %>
<a class="collection-item local-snap-listener modal-trigger" href="#modal-<%=backups[index].etag%>"
data-id="<%= backups[index].etag %>">
<div><%= backups[index].basename%><div class="secondary-content">
<div><%= backups[index].basename%><div class="secondary-content hide-on-small-and-down">
<%= moment(backups[index].lastmod).format('MMM D, YYYY HH:mm') %></div>
</div>
</a>

View File

@ -30,8 +30,10 @@
margin-bottom: 0;
}
.header-box {
height: 150px;
@media (min-width: 601px) {
.header-box {
height: 150px;
}
}
.header-box .col {
@ -84,7 +86,7 @@
<li id="setting-trigger"><a class="dropdown-trigger" href="#" data-target="dropdown-settings"><i
class="material-icons">settings</i></a></li>
</ul>
<div style="height: 64px; display: table; margin-left: 130px;">
<div style="height: 64px; display: table; margin-left: 130px;" class="hide-on-med-and-down">
<h4 style="display: table-cell; vertical-align: middle;">Nextcloud Backup</h4>
</div>
</div>

View File

@ -3,7 +3,7 @@
<% for(const index in snaps) { %>
<a class="collection-item local-snap-listener modal-trigger" href="#modal-<%=snaps[index].slug%>"
data-id="<%= snaps[index].slug %>">
<div><%= snaps[index].name ? snaps[index].name : snaps[index].slug %><div class="secondary-content">
<div><%= snaps[index].name ? snaps[index].name : snaps[index].slug %><div class="secondary-content hide-on-small-and-down">
<%= moment(snaps[index].date).format('MMM D, YYYY HH:mm') %></div>
</div>
</a>