mirror of
https://github.com/owntone/owntone-server.git
synced 2024-12-26 15:15:57 -05:00
[web] Simplify CSS styling
This commit is contained in:
parent
72206de234
commit
9c1639d7d7
@ -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>
|
||||
|
@ -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 */
|
||||
|
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="fd-page">
|
||||
<div>
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="columns is-centered">
|
||||
|
@ -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" />
|
||||
|
@ -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" />
|
||||
|
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="fd-page">
|
||||
<div>
|
||||
<content-with-heading>
|
||||
<template #options>
|
||||
<div class="columns">
|
||||
|
@ -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" />
|
||||
|
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="fd-page">
|
||||
<div>
|
||||
<content-with-heading>
|
||||
<template #options>
|
||||
<index-button-list :index="tracks.indexList" />
|
||||
|
@ -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" />
|
||||
|
@ -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" />
|
||||
|
@ -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" />
|
||||
|
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="fd-page">
|
||||
<div>
|
||||
<content-with-heading>
|
||||
<template #options>
|
||||
<index-button-list :index="tracks.indexList" />
|
||||
|
@ -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')" />
|
||||
|
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="fd-page">
|
||||
<div>
|
||||
<content-with-heading>
|
||||
<template #options>
|
||||
<index-button-list :index="albums_list.indexList" />
|
||||
|
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="fd-page">
|
||||
<div>
|
||||
<content-with-heading>
|
||||
<template #options>
|
||||
<index-button-list :index="tracks.indexList" />
|
||||
|
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="fd-page">
|
||||
<div>
|
||||
<content-with-heading>
|
||||
<template #heading-left>
|
||||
<p
|
||||
|
@ -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" />
|
||||
|
@ -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" />
|
||||
|
@ -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" />
|
||||
|
@ -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')" />
|
||||
|
@ -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')" />
|
||||
|
@ -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')" />
|
||||
|
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="fd-page">
|
||||
<div>
|
||||
<!-- Search field + recent searches -->
|
||||
<section class="section pb-0">
|
||||
<div class="container">
|
||||
|
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="fd-page">
|
||||
<div>
|
||||
<!-- Search field + recent searches -->
|
||||
<section class="section pb-0">
|
||||
<div class="container">
|
||||
|
Loading…
Reference in New Issue
Block a user