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

[web] Replace custom CSS styles with standard Bulma styles

Browse Source 
Standard Bulma styles are now used over custom styles.
This commit is contained in:
Alain Nussbaumer
2023-07-01 09:48:38 +02:00
parent efe5f24049
commit 60f1c84a21
11 changed files with 15 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web-src/src/pages/PageAlbum.vue
View File

@@ -6,7 +6,7 @@
<h2 class="subtitle is-6 has-text-link has-text-weight-normal">
<a class="has-text-link" @click="open_artist" v-text="album.artist" />
</h2>
<div class="buttons fd-is-centered-mobile fd-has-margin-top">
<div class="buttons fd-is-centered-mobile mt-5">
<a class="button is-small is-dark is-rounded" @click="play">
<mdicon class="icon" name="shuffle" size="16" />
<span v-text="$t('page.album.shuffle')" />
@@ -30,7 +30,7 @@
</template>
<template #content>
<p
class="heading is-7 has-text-centered-mobile fd-has-margin-top"
class="heading is-7 has-text-centered-mobile mt-5"
v-text="$t('page.album.track-count', { count: album.track_count })"
/>
<list-tracks :tracks="tracks" :uris="album.uri" />

4
web-src/src/pages/PageAudiobooksAlbum.vue
View File

@@ -6,7 +6,7 @@
<h2 class="subtitle is-6 has-text-link has-text-weight-normal">
<a class="has-text-link" @click="open_artist" v-text="album.artist" />
</h2>
<div class="buttons fd-is-centered-mobile fd-has-margin-top">
<div class="buttons fd-is-centered-mobile mt-5">
<a class="button is-small is-dark is-rounded" @click="play">
<mdicon class="icon" name="play" size="16" />
<span v-text="$t('page.audiobooks.album.play')" />
@@ -30,7 +30,7 @@
</template>
<template #content>
<p
class="heading is-7 has-text-centered-mobile fd-has-margin-top"
class="heading is-7 has-text-centered-mobile mt-5"
v-text="
$t('page.audiobooks.album.track-count', {
count: album.track_count

6
web-src/src/pages/SettingsPageOnlineServices.vue
View File

@@ -16,7 +16,7 @@
<div class="notification is-size-7">
<span v-text="$t('page.settings.services.spotify.requirements')" />
</div>
<div class="fd-has-margin-top">
<div class="mt-5">
<p
class="content"
v-html="$t('page.settings.services.spotify.grant-access')"
@@ -29,7 +29,7 @@
<span v-text="$t('page.settings.services.spotify.reauthorize')" />
<code v-text="spotify_missing_scope.join()" />
</p>
<div class="field fd-has-margin-top">
<div class="field mt-5">
<div class="control">
<a
class="button"
@@ -49,7 +49,7 @@
</p>
<div
v-if="spotify.webapi_token_valid"
class="field fd-has-margin-top"
class="field mt-5"
>
<div class="control">
<a

2
web-src/src/pages/SettingsPageRemotesOutputs.vue
View File

@@ -66,7 +66,7 @@
</div>
<form
v-if="output.needs_auth_key"
class="fd-has-margin-bottom"
class="mb-5"
@submit.prevent="kickoff_verification(output.id)"
>
<div class="field is-grouped">

4
web-src/src/pages/SpotifyPageAlbum.vue
View File

@@ -10,7 +10,7 @@
v-text="album.artists[0].name"
/>
</h2>
<div class="buttons fd-is-centered-mobile fd-has-margin-top">
<div class="buttons fd-is-centered-mobile mt-5">
<a class="button is-small is-dark is-rounded" @click="play">
<mdicon class="icon" name="shuffle" size="16" />
<span v-text="$t('page.spotify.album.shuffle')" />
@@ -34,7 +34,7 @@
</template>
<template #content>
<p
class="heading is-7 has-text-centered-mobile fd-has-margin-top"
class="heading is-7 has-text-centered-mobile mt-5"
v-text="
$t('page.spotify.album.track-count', { count: album.tracks.total })
"