Added some style to improve usability
This commit is contained in:
+4
-13
@@ -3,19 +3,10 @@
|
||||
<!--FORMS message blocks-->
|
||||
|
||||
<message id="Lms.Explore.ArtistsInfo.template">
|
||||
<div class="hidden-xs">
|
||||
<div class="page-header">
|
||||
<h2>${tr:Lms.Explore.ArtistsInfo.most-played}</h2>
|
||||
</div>
|
||||
${most-played}
|
||||
</div>
|
||||
|
||||
<div class="hidden-xs">
|
||||
<div class="page-header hidden-xs">
|
||||
<h2>${tr:Lms.Explore.ArtistsInfo.recently-added}</h2>
|
||||
</div>
|
||||
${recently-added}
|
||||
</div>
|
||||
<h3>${tr:Lms.Explore.ArtistsInfo.most-played}</h3>
|
||||
${most-played}
|
||||
<h3>${tr:Lms.Explore.ArtistsInfo.recently-added}</h3>
|
||||
${recently-added}
|
||||
</message>
|
||||
|
||||
<message id="Lms.Explore.ArtistsInfo.template.entry">
|
||||
|
||||
+4
-8
@@ -4,8 +4,8 @@
|
||||
<message id="Lms.Explore.template">
|
||||
<div class="row">
|
||||
<div class="col-sm-3">
|
||||
${filters}
|
||||
${info}
|
||||
${filters class="Lms-explore-filters"}
|
||||
${info class="Lms-explore-info hidden-xs"}
|
||||
</div>
|
||||
<div class="col-sm-8 col-sm-offset-1">
|
||||
${contents}
|
||||
@@ -18,12 +18,8 @@
|
||||
</message>
|
||||
|
||||
<message id="Lms.Explore.template.filters">
|
||||
<div class="form-group">
|
||||
<div class="page-header">
|
||||
<h3>${tr:Lms.Explore.filters} ${add-filter class="btn-primary"}</h3>
|
||||
</div>
|
||||
${clusters}
|
||||
</div>
|
||||
<h3>${tr:Lms.Explore.filters} ${add-filter class="btn-primary"}</h3>
|
||||
${clusters}
|
||||
</message>
|
||||
|
||||
<message id="Lms.Explore.template.cluster-entry">
|
||||
|
||||
@@ -4,10 +4,10 @@
|
||||
|
||||
<message id="Lms.MediaPlayer.template">
|
||||
<audio id="lms-mp-audio"></audio>
|
||||
<i id="lms-mp-previous" class="fa fa-step-backward fa-2x"></i>
|
||||
<i id="lms-mp-play" class="fa fa-play fa-2x"></i>
|
||||
<i id="lms-mp-pause" class="fa fa-pause fa-2x" style="display: none"></i>
|
||||
<i id="lms-mp-next" class="fa fa-step-forward fa-2x"></i>
|
||||
<i id="lms-mp-previous" class="fa fa-step-backward Lms-player-btn"></i>
|
||||
<i id="lms-mp-play" class="fa fa-play Lms-player-btn"></i>
|
||||
<i id="lms-mp-pause" class="fa fa-pause Lms-player-btn" style="display: none"></i>
|
||||
<i id="lms-mp-next" class="fa fa-step-forward Lms-player-btn"></i>
|
||||
${title}${artist}${release}
|
||||
<span id="lms-mp-time">00:00</span>
|
||||
<span id="lms-mp-duration">00:00</span>
|
||||
|
||||
+5
-1
@@ -11,7 +11,11 @@
|
||||
</message>
|
||||
|
||||
<message id="Lms.Explore.Release.template">
|
||||
${cover}
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
${cover class="Lms-explore-release-cover"}
|
||||
</div>
|
||||
</div>
|
||||
<div class="page-header">
|
||||
<h2>${name}</h2>
|
||||
${<if-has-artist>}<h4>${artist-name}</h4>${</if-has-artist>}
|
||||
|
||||
@@ -3,19 +3,10 @@
|
||||
<messages xmlns:if="Wt.WTemplate.conditions">
|
||||
|
||||
<message id="Lms.Explore.ReleasesInfo.template">
|
||||
<div class="hidden-xs">
|
||||
<div class="page-header">
|
||||
<h2>${tr:Lms.Explore.ReleasesInfo.most-played}</h2>
|
||||
</div>
|
||||
${most-played}
|
||||
</div>
|
||||
|
||||
<div class="hidden-xs">
|
||||
<div class="page-header">
|
||||
<h2>${tr:Lms.Explore.ReleasesInfo.recently-added}</h2>
|
||||
</div>
|
||||
${recently-added}
|
||||
</div>
|
||||
<h3>${tr:Lms.Explore.ReleasesInfo.most-played}</h3>
|
||||
${most-played}
|
||||
<h3>${tr:Lms.Explore.ReleasesInfo.recently-added}</h3>
|
||||
${recently-added}
|
||||
</message>
|
||||
|
||||
<message id="Lms.Explore.ReleasesInfo.template.entry">
|
||||
|
||||
@@ -3,8 +3,10 @@
|
||||
|
||||
<message id="Lms.template">
|
||||
${navbar-top class="main-nav"}
|
||||
${contents class="container"}
|
||||
${player class="Lms-player"}
|
||||
<div class="container">
|
||||
${contents class="Lms-contents"}
|
||||
</div>
|
||||
${player class="Lms-player Lms-vertical-align"}
|
||||
</message>
|
||||
|
||||
</messages>
|
||||
|
||||
Reference in New Issue
Block a user