mirror of
https://github.com/Sebclem/hassio-nextcloud-backup.git
synced 2024-11-22 09:12:58 +01:00
🔨 Make the app responsive
This commit is contained in:
parent
51b10e2bed
commit
e12a652ae7
@ -3,7 +3,7 @@
|
|||||||
<% for(const index in backups) { %>
|
<% for(const index in backups) { %>
|
||||||
<a class="collection-item local-snap-listener modal-trigger" href="#modal-<%=backups[index].etag%>"
|
<a class="collection-item local-snap-listener modal-trigger" href="#modal-<%=backups[index].etag%>"
|
||||||
data-id="<%= 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>
|
<%= moment(backups[index].lastmod).format('MMM D, YYYY HH:mm') %></div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
@ -30,8 +30,10 @@
|
|||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-box {
|
@media (min-width: 601px) {
|
||||||
height: 150px;
|
.header-box {
|
||||||
|
height: 150px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-box .col {
|
.header-box .col {
|
||||||
@ -84,7 +86,7 @@
|
|||||||
<li id="setting-trigger"><a class="dropdown-trigger" href="#" data-target="dropdown-settings"><i
|
<li id="setting-trigger"><a class="dropdown-trigger" href="#" data-target="dropdown-settings"><i
|
||||||
class="material-icons">settings</i></a></li>
|
class="material-icons">settings</i></a></li>
|
||||||
</ul>
|
</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>
|
<h4 style="display: table-cell; vertical-align: middle;">Nextcloud Backup</h4>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -3,7 +3,7 @@
|
|||||||
<% for(const index in snaps) { %>
|
<% for(const index in snaps) { %>
|
||||||
<a class="collection-item local-snap-listener modal-trigger" href="#modal-<%=snaps[index].slug%>"
|
<a class="collection-item local-snap-listener modal-trigger" href="#modal-<%=snaps[index].slug%>"
|
||||||
data-id="<%= 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>
|
<%= moment(snaps[index].date).format('MMM D, YYYY HH:mm') %></div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
Loading…
Reference in New Issue
Block a user