MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-11-09 21:49:48 -05:00
Code Issues Packages Projects Releases Wiki Activity

#1458 Translation of Web UI

Browse Source
This commit is contained in:
Alain Nussbaumer
2022-05-20 13:44:22 +02:00
parent 2b38ebaa12
commit 167ba86211
104 changed files with 4863 additions and 3355 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
web-src/src/templates/ContentWithHeading.vue
View File

@@ -6,24 +6,13 @@
<section v-if="$slots['options']">
<div ref="options_ref" style="height: 1px" />
<slot name="options" />
<nav
class="buttons is-centered"
style="margin-bottom: 6px; margin-top: 16px"
>
<a
v-if="!options_visible"
class="button is-small is-white"
@click="scroll_to_top"
><span class="icon is-small"
><mdicon name="chevron-up" size="16" /></span
></a>
<a
v-else
class="button is-small is-white"
@click="scroll_to_content"
><span class="icon is-small"
><mdicon name="chevron-down" size="16" /></span
></a>
<nav class="buttons is-centered" style="margin-bottom: 6px; margin-top: 16px">
<a v-if="!options_visible" class="button is-small is-white" @click="scroll_to_top">
<mdicon class="icon is-small" name="chevron-down" size="16" />
</a>
<a v-else class="button is-small is-white" @click="scroll_to_content">
<mdicon class="icon is-small" name="chevron-up" size="16" />
</a>
</nav>
</section>
<div :class="{ 'fd-content-with-option': $slots['options'] }">
@@ -36,13 +25,11 @@
</div>
</div>
</div>
<!-- Right side -->
<div class="level-right has-text-centered-mobile">
<slot name="heading-right" />
</div>
</nav>
<slot name="content" />
<div style="margin-top: 16px">
<slot name="footer" />
@@ -86,7 +73,6 @@ export default {
},
scroll_to_content: function () {
// window.scrollTo({ top: 80, behavior: 'smooth' })
if (this.$route.meta.has_tabs) {
this.$scrollTo('#top', { offset: -140 })
} else {

5
web-src/src/templates/ContentWithHero.vue
View File

@@ -10,10 +10,7 @@
<!-- Slot heading right -->
<slot name="heading-right" />
</div>
<div
class="column is-three-fifths has-text-centered-mobile"
style="margin: auto 0"
>
<div class="column is-three-fifths has-text-centered-mobile" style="margin: auto 0">
<!-- Slot heading left -->
<slot name="heading-left" />
</div>