MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2024-12-27 23:55:57 -05:00
Code Issues Packages Projects Releases Wiki Activity

[web] Simplify CSS styling

Browse Source
This commit is contained in:
Alain Nussbaumer 2023-11-29 01:27:48 +01:00
parent 72206de234
commit 9c1639d7d7
24 changed files with 25 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web-src/index.html
View File

@ -17,7 +17,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>OwnTone</title> <title>OwnTone</title>
</head> </head>
<body> <body class="has-navbar-fixed-top has-navbar-fixed-bottom">
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.js"></script> <script type="module" src="/src/main.js"></script>
</body> </body>

9
web-src/src/mystyles.scss
View File

@ -72,13 +72,8 @@ a.navbar-item {
0 6px 20px 0 rgba(0, 0, 0, 0.19); 0 6px 20px 0 rgba(0, 0, 0, 0.19);
} }
.fd-page { .fd-page-with-tabs {
margin-top: $navbar-height; margin-top: $navbar-height !important;
margin-bottom: $navbar-height;
&-with-tabs {
margin-top: calc(2 * $navbar-height) !important;
margin-bottom: $navbar-height;
}
} }
/* Set minimum height to hide "option" section */ /* Set minimum height to hide "option" section */

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page"> <div>
<section class="section"> <section class="section">
<div class="container"> <div class="container">
<div class="columns is-centered"> <div class="columns is-centered">

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page"> <div>
<content-with-hero> <content-with-hero>
<template #heading-left> <template #heading-left>
<h1 class="title is-5" v-text="album.name" /> <h1 class="title is-5" v-text="album.name" />

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page"> <div>
<content-with-hero> <content-with-hero>
<template #heading-left> <template #heading-left>
<h1 class="title is-5" v-text="album.name" /> <h1 class="title is-5" v-text="album.name" />

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page"> <div>
<content-with-heading> <content-with-heading>
<template #options> <template #options>
<div class="columns"> <div class="columns">

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page"> <div>
<content-with-heading> <content-with-heading>
<template #heading-left> <template #heading-left>
<p class="title is-4" v-text="artist.name" /> <p class="title is-4" v-text="artist.name" />

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page"> <div>
<content-with-heading> <content-with-heading>
<template #options> <template #options>
<index-button-list :index="tracks.indexList" /> <index-button-list :index="tracks.indexList" />

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page"> <div>
<content-with-hero> <content-with-hero>
<template #heading-left> <template #heading-left>
<h1 class="title is-5" v-text="album.name" /> <h1 class="title is-5" v-text="album.name" />

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page"> <div>
<content-with-heading> <content-with-heading>
<template #heading-left> <template #heading-left>
<p class="title is-4" v-text="artist.name" /> <p class="title is-4" v-text="artist.name" />

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page"> <div>
<content-with-heading> <content-with-heading>
<template #heading-left> <template #heading-left>
<p class="title is-4" v-text="composer.name" /> <p class="title is-4" v-text="composer.name" />

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page"> <div>
<content-with-heading> <content-with-heading>
<template #options> <template #options>
<index-button-list :index="tracks.indexList" /> <index-button-list :index="tracks.indexList" />

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page"> <div>
<content-with-heading> <content-with-heading>
<template #heading-left> <template #heading-left>
<p class="title is-4" v-text="$t('page.files.title')" /> <p class="title is-4" v-text="$t('page.files.title')" />

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page"> <div>
<content-with-heading> <content-with-heading>
<template #options> <template #options>
<index-button-list :index="albums_list.indexList" /> <index-button-list :index="albums_list.indexList" />

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page"> <div>
<content-with-heading> <content-with-heading>
<template #options> <template #options>
<index-button-list :index="tracks.indexList" /> <index-button-list :index="tracks.indexList" />

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page"> <div>
<content-with-heading> <content-with-heading>
<template #heading-left> <template #heading-left>
<p <p

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page"> <div>
<content-with-heading> <content-with-heading>
<template #heading-left> <template #heading-left>
<div class="title is-4" v-text="playlist.name" /> <div class="title is-4" v-text="playlist.name" />

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page"> <div>
<content-with-heading> <content-with-heading>
<template #heading-left> <template #heading-left>
<div class="title is-4" v-text="playlist.name" /> <div class="title is-4" v-text="playlist.name" />

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page"> <div>
<content-with-hero> <content-with-hero>
<template #heading-left> <template #heading-left>
<h1 class="title is-5" v-text="album.name" /> <h1 class="title is-5" v-text="album.name" />

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page"> <div>
<content-with-heading v-if="new_episodes.items.length > 0"> <content-with-heading v-if="new_episodes.items.length > 0">
<template #heading-left> <template #heading-left>
<p class="title is-4" v-text="$t('page.podcasts.new-episodes')" /> <p class="title is-4" v-text="$t('page.podcasts.new-episodes')" />

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page"> <div>
<content-with-heading> <content-with-heading>
<template #heading-left> <template #heading-left>
<p class="title is-4" v-text="$t('page.queue.title')" /> <p class="title is-4" v-text="$t('page.queue.title')" />

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page"> <div>
<content-with-heading> <content-with-heading>
<template #heading-left> <template #heading-left>
<p class="title is-4" v-text="$t('page.radio.title')" /> <p class="title is-4" v-text="$t('page.radio.title')" />

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page"> <div>
<!-- Search field + recent searches --> <!-- Search field + recent searches -->
<section class="section pb-0"> <section class="section pb-0">
<div class="container"> <div class="container">

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

@ -1,5 +1,5 @@
<template> <template>
<div class="fd-page"> <div>
<!-- Search field + recent searches --> <!-- Search field + recent searches -->
<section class="section pb-0"> <section class="section pb-0">
<div class="container"> <div class="container">