Still converting to bootstrap 5. Reworked album layout. Switched to bootswatch solar theme

This commit is contained in:
emeric
2022-05-02 20:19:32 +02:00
parent 6046da7a4c
commit 582e6ed7ae
16 changed files with 46 additions and 134 deletions
+1 -1
View File
@@ -6,7 +6,7 @@
<div class="mb-3">
${name}
${clusters class="mb-2"}
${play-btn class="btn btn-lg btn-outline-dark border-0 me-2"}${more-btn class="btn btn-lg btn-outline-dark border-0"}
${play-btn class="btn btn-outline-primary me-2"}${more-btn class="btn btn-outline-primary"}
</div>
${<if-has-release>}
${releases class="row gy-4"}
+2 -2
View File
@@ -7,11 +7,11 @@
${contents}
${notifications class="toast-container position-fixed top-0 end-0 p-3"}
</div>
${player class="fixed-bottom bg-light Lms-player"}
${player class="fixed-bottom bg-dark Lms-player"}
</message>
<message id="Lms.main.template.navbar">
<nav class="navbar navbar-expand-md navbar-light bg-light mb-3">
<nav class="navbar navbar-expand-md navbar-dark bg-dark mb-3">
<div class="container">
<form class="d-flex">
${search class="form-control" type="search"}
-2
View File
@@ -177,11 +177,9 @@
<!--Settings-->
<message id="Lms.Settings.appearance">Appearance</message>
<message id="Lms.Settings.audio">Audio</message>
<message id="Lms.Settings.audio-settings-are-local">These audio settings are local to your browser!</message>
<message id="Lms.Settings.change-password">Change password</message>
<message id="Lms.Settings.dark-mode">Dark mode</message>
<message id="Lms.Settings.demo-cannot-save">Cannot save using a demo account!</message>
<message id="Lms.Settings.menu-settings"><i class="fa fa-fw fa-cog" aria-hidden="true"></i> Settings</message>
<message id="Lms.Settings.password-bad">Bad password</message>
-2
View File
@@ -177,11 +177,9 @@
<!--Settings-->
<message id="Lms.Settings.appearance">Apparence</message>
<message id="Lms.Settings.audio">Audio</message>
<message id="Lms.Settings.audio-settings-are-local">Ces paramètres audio sont locaux à votre navigateur !</message>
<message id="Lms.Settings.change-password">Changement de mot de passe</message>
<message id="Lms.Settings.dark-mode">Mode sombre</message>
<message id="Lms.Settings.demo-cannot-save">Impossible de sauvegarder en utilisant un compte de démo !</message>
<message id="Lms.Settings.menu-settings"><i class="fa fa-fw fa-cog" aria-hidden="true"></i> Paramètres</message>
<message id="Lms.Settings.password-bad">Mauvais mot de passe</message>
-2
View File
@@ -176,11 +176,9 @@
<!--Settings-->
<message id="Lms.Settings.appearance">Aspetto</message>
<message id="Lms.Settings.audio">Audio</message>
<message id="Lms.Settings.audio-settings-are-local">Queste impostazioni sono salvate localmente su questo dispositivo!</message>
<message id="Lms.Settings.change-password">Cambia password</message>
<message id="Lms.Settings.dark-mode">Tema scuro</message>
<message id="Lms.Settings.demo-cannot-save">Non posso salvare le impostazioni utilizzando l'account demo!</message>
<message id="Lms.Settings.menu-settings"><i class="fa fa-fw fa-cog" aria-hidden="true"></i> Impostazioni</message>
<message id="Lms.Settings.password-bad">Password errata</message>
-2
View File
@@ -176,11 +176,9 @@
<message id="Lms.PlayHistory.playhistory">播放历史</message>
<!--Settings-->
<message id="Lms.Settings.appearance">外观</message>
<message id="Lms.Settings.audio">音频</message>
<message id="Lms.Settings.audio-settings-are-local">这些音频设置仅保存在您的本地浏览器!</message>
<message id="Lms.Settings.change-password">更改密码</message>
<message id="Lms.Settings.dark-mode">夜间模式</message>
<message id="Lms.Settings.demo-cannot-save">使用演示账号时不能保存!</message>
<message id="Lms.Settings.menu-settings"><i class="fa fa-fw fa-cog" aria-hidden="true"></i> 设置</message>
<message id="Lms.Settings.password-bad">无效密码</message>
+13 -13
View File
@@ -7,20 +7,20 @@
</message>
<message id="Lms.Explore.Release.template">
<div class="row mb-3 gy-3">
<div class="col-lg-4">
<div class="row mb-5 gy-3">
<div class="col-lg-3 col-md-4">
${cover class="Lms-explore-release-cover"}
<div>
${name}
${<if-has-release-artists>}${artists}${</if-has-release-artists>}
${<if-has-various-release-artists>}${tr:Lms.Explore.various-artists}${</if-has-various-release-artists>}
<div class="small text-muted">${<if-has-year>}${year}${<if-has-orig-year>} (${orig-year})${</if-has-orig-year>} · ${</if-has-year>}${duration}</div>
${clusters}
</div>
</div>
<div class="col-lg-8">
<div class="col">
<h3>${name}</h3>
${<if-has-release-artists>}${artists}${</if-has-release-artists>}
${<if-has-various-release-artists>}${tr:Lms.Explore.various-artists}${</if-has-various-release-artists>}
<div class="small text-muted">${<if-has-year>}${year}${<if-has-orig-year>} (${orig-year})${</if-has-orig-year>} · ${</if-has-year>}${duration}</div>
${clusters}
</div>
<div class="col-12">
<div class="mb-3">
${play-btn class="btn btn-lg btn-outline-dark border-0 me-2"}${more-btn class="btn btn-lg btn-outline-dark border-0"}
${play-btn class="btn btn-outline-primary me-2"}${more-btn class="btn btn-outline-primary"}
</div>
${container class="d-grid gap-3"}
</div>
@@ -29,7 +29,7 @@
${<if-has-similar-releases>}
<div class="col-12">
<h3>${tr:Lms.Explore.Release.similar-releases}</h3>
${similar-releases class="row"}
${similar-releases class="row gy-4"}
</div>
${</if-has-similar-releases>}
${<if-has-copyright>}
@@ -61,7 +61,7 @@
</message>
<message id="Lms.Explore.Release.template.entry">
<div class="d-flex align-items-center rounded Lms-bg-light-hover">
<div class="d-flex align-items-center rounded Lms-bg-dark-hover">
<div class="p-2 text-muted text-end" style="min-width: 2.1rem;">
${<if-has-track-number>}${track-number}${</if-has-track-number>}
</div>
+2 -3
View File
@@ -5,13 +5,13 @@
<message id="Lms.Explore.Releases.template">
<div class="mb-3">
${mode class="nav nav-pills mb-2"}
${play-btn class="btn btn-lg btn-outline-dark border-0 me-2"}${more-btn class="btn btn-lg btn-outline-dark border-0"}
${play-btn class="btn btn-outline-primary me-2"}${more-btn class="btn btn-outline-primary"}
</div>
${releases}
</message>
<message id="Lms.Explore.Releases.template.entry-grid">
<div class="card border-0">
<div class="card border-0 bg-transparent">
${cover class="shadow-sm"}
${release-name class="text-truncate text-nowrap"}
${<if-has-year>}${year}${</if-has-year>}
@@ -25,5 +25,4 @@
${loading-indicator}
</message>
</messages>
-12
View File
@@ -5,18 +5,6 @@
<message id="Lms.Settings.template">
<form class="row g-3">
<legend>${tr:Lms.Settings.appearance}</legend>
<div class="col-12">
<div class="form-check">
${dark-mode class="form-check-input"}
<label class="form-check-label" for="${id:dark-mode}">
${tr:Lms.Settings.dark-mode}
</label>
<div class="invalid-feedback">
${dark-mode-info}
</div>
</div>
</div>
<legend>${tr:Lms.Settings.audio}</legend>
<div class="alert alert-info">
${tr:Lms.Settings.audio-settings-are-local}
+1 -1
View File
@@ -6,7 +6,7 @@
<message id="Lms.Explore.Tracks.template">
<div class="mb-3">
${mode class="nav nav-pills mb-2"}
${play-btn class="btn btn-lg btn-outline-dark border-0 me-2"}${more-btn class="btn btn-lg btn-outline-dark border-0"}
${play-btn class="btn btn-outline-primary me-2"}${more-btn class="btn btn-outline-primary"}
</div>
${tracks}
</message>