sebclem/hassio-nextcloud-backup
1
0
Fork 0
mirror of https://github.com/Sebclem/hassio-nextcloud-backup.git synced 2024-11-22 17:22:58 +01:00
Code Issues Projects Releases Wiki Activity

🔨 Make the app responsive

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
nextcloud_backup/rootfs/opt/nextcloud_backup/views/backupSnaps.ejs
View File

@ -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>

4
nextcloud_backup/rootfs/opt/nextcloud_backup/views/index.ejs
View File

@ -30,9 +30,11 @@
margin-bottom: 0; margin-bottom: 0;
} }
@media (min-width: 601px) {
.header-box { .header-box {
height: 150px; height: 150px;
} }
}
.header-box .col { .header-box .col {
height: 100%; height: 100%;
@ -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>

2
nextcloud_backup/rootfs/opt/nextcloud_backup/views/localSnaps.ejs
View File

@ -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>