1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

update mobile detail layout

This commit is contained in:
Luke Pulverenti 2017-06-20 15:36:34 -04:00
parent 5c8ce0e96b
commit b2eda5460b
53 changed files with 191 additions and 60 deletions

View file

@ -11,7 +11,7 @@
<div class="dashboardSections">
<div class="dashboardSection dashboardSection-large">
<div class="dashboardSection dashboardSection-70">
<div class="dashboardSectionContent">
<div style="display: flex; align-items: center;">
<h2 class="serverNameHeader" style="margin:0;"></h2>
@ -63,16 +63,52 @@
<p class="supporterIconContainer flex align-items-center" style="padding-left: .25em;margin: 1em 0 .5em;">
</p>
<div style="margin-top:2em;" class="runningTasksContainer hide">
<div style="margin-top:1em;" class="runningTasksContainer hide">
<h2>${HeaderRunningTasks}</h2>
<div id="divRunningTasks" class="paperList" style="padding:1em;">
</div>
</div>
<div style="margin-top:1em;" class="hide" id="collapsiblePendingInstallations">
<h2>${HeaderPendingInstallations}</h2>
<div class="paperList" style="padding:1em;">
<p>${LabelComponentsUpdated}</p>
<div id="pendingInstallations">
</div>
<p>${MessagePleaseRestartServerToFinishUpdating}</p>
</div>
</div>
</div>
</div>
<div class="dashboardSection">
<div class="dashboardSection dashboardSection-30">
<div class="dashboardSectionContent">
<h2>${HeaderLatestNews}</h2>
<div class="paperList latestNewsItems">
</div>
</div>
</div>
<div class="dashboardSection dashboardSection-40">
<div class="dashboardSectionContent">
<h2>${HeaderActiveDevices}</h2>
<div class="activeDevices itemsContainer vertical-wrap">
</div>
</div>
</div>
<div class="dashboardSection dashboardSection-30">
<div class="dashboardSectionContent">
<h2>${HeaderRecentActivity}</h2>
<div class="paperList activityItems">
</div>
</div>
</div>
<div class="dashboardSection dashboardSection-30">
<div class="dashboardSectionContent">
<h2>${HeaderPaths}</h2>
<div class="paperList" style="padding:1em;">
@ -108,44 +144,6 @@
</div>
</div>
<div class="dashboardSection dashboardSection-40">
<div class="dashboardSectionContent">
<h2>${HeaderActiveDevices}</h2>
<div class="activeDevices itemsContainer vertical-wrap">
</div>
</div>
</div>
<div class="dashboardSection dashboardSection-30">
<div class="dashboardSectionContent">
<h2>${HeaderRecentActivity}</h2>
<div class="paperList activityItems">
</div>
</div>
</div>
<div class="dashboardSection dashboardSection-30">
<div class="dashboardSectionContent">
<h2>${HeaderLatestNews}</h2>
<div class="paperList latestNewsItems">
</div>
</div>
</div>
<div class="dashboardSection hide" id="collapsiblePendingInstallations">
<div class="dashboardSectionContent">
<h2>${HeaderPendingInstallations}</h2>
<div class="paperList" style="padding:1em;">
<p>${LabelComponentsUpdated}</p>
<div id="pendingInstallations">
</div>
<p>${MessagePleaseRestartServerToFinishUpdating}</p>
</div>
</div>
</div>
</div>
<div class="dashboardFooter">