[web] Simplify CSS styling

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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