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

[web] Fix display of artists having a very long name

Browse Source 
Artists with very long names do not overlap the rest of the UI.
This commit is contained in:
Alain Nussbaumer
2023-07-09 00:25:06 +02:00
parent 0a072c7889
commit 5c573f7138
10 changed files with 235 additions and 233 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3,7 +3,7 @@
<div class="container">
<div class="columns is-centered">
<div class="column is-four-fifths">
<section v-if="$slots['options']">
<section v-if="$slots.options">
<div ref="options_ref" style="height: 1px" />
<slot name="options" />
<nav class="buttons is-centered mt-4 mb-2">
@@ -23,11 +23,13 @@
</a>
</nav>
</section>
<div :class="{ 'fd-content-with-option': $slots['options'] }">
<nav id="top" class="level">
<div :class="{ 'fd-content-with-option': $slots.options }">
<nav id="top" class="level is-clipped">
<!-- Left side -->
<div class="level-left">
<div class="level-item has-text-centered-mobile">
<div class="level-left is-flex-shrink-1">
<div
class="level-item is-flex-shrink-1 has-text-centered-mobile"
>
<div>
<slot name="heading-left" />
</div>