MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-02-24 03:49:14 -05:00
Code Issues Packages Projects Releases Wiki Activity

[web] Replace custom styles with standard Bulma styles

Browse Source 
Wherever possible, out of the box Bulma styles are now used instead of custom defined ones.
This commit is contained in:
Alain Nussbaumer 2023-06-11 08:44:45 +02:00
parent 6bb5578c3a
commit 7f1febe9e1
8 changed files with 11 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
htdocs/assets/index.css
View File

File diff suppressed because one or more lines are too long

4
htdocs/assets/index.js
View File

File diff suppressed because one or more lines are too long

4
htdocs/index.html
View File

@ -16,8 +16,8 @@
<meta name="theme-color" content="#ffffff" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>OwnTone</title>
<script type="module" crossorigin src="/assets/index.js"></script>
<link rel="stylesheet" href="/assets/index.css">
<script type="module" crossorigin src="./assets/index.js"></script>
<link rel="stylesheet" href="./assets/index.css">
</head>
<body>
<div id="app"></div>

6
web-src/src/components/NavbarBottom.vue
View File

@ -39,7 +39,7 @@
<!-- Skip previous (not visible on "now playing" page) -->
<player-button-previous
v-if="is_now_playing_page"
class="navbar-item fd-margin-left-auto"
class="navbar-item ml-auto"
:icon_size="24"
/>
<player-button-seek-back
@ -68,7 +68,7 @@
/>
<!-- Player menu button (only visible on mobile and tablet) -->
<a
class="navbar-item fd-margin-left-auto is-hidden-desktop"
class="navbar-item ml-auto is-hidden-desktop"
@click="show_player_menu = !show_player_menu"
>
<span class="icon"
@ -79,7 +79,7 @@
</a>
<!-- Player menu dropup menu (only visible on desktop) -->
<div
class="navbar-item has-dropdown has-dropdown-up fd-margin-left-auto is-hidden-touch"
class="navbar-item has-dropdown has-dropdown-up ml-auto is-hidden-touch"
:class="{ 'is-active': show_player_menu }"
>
<a

2
web-src/src/components/TabsSearch.vue
View File

@ -1,5 +1,5 @@
<template>
<section v-if="spotify_enabled" class="section fd-remove-padding-bottom">
<section v-if="spotify_enabled" class="section pb-0">
<div class="container">
<div class="columns is-centered">
<div class="column is-four-fifths">

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

@ -62,10 +62,6 @@ a.navbar-item {
flex-shrink: 1;
}
.fd-margin-left-auto {
margin-left: auto;
}
.fd-is-not-allowed {
cursor: not-allowed;
}
@ -82,10 +78,6 @@ a.navbar-item {
margin-bottom: 24px;
}
.fd-remove-padding-bottom {
padding-bottom: 0;
}
.fd-has-padding-left-right {
padding-left: 24px;
padding-right: 24px;
@ -251,14 +243,6 @@ section.hero + section.fd-content {
margin-right: 16px;
}
.dropdown-item a {
display: block;
}
.dropdown-item:hover {
background-color: hsl(0, 0%, 96%);
}
.navbar-item .fd-navbar-item-level2 {
padding-left: 1.5rem;
}

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

@ -1,7 +1,7 @@
<template>
<div>
<!-- Search field + recent searches -->
<section class="section fd-remove-padding-bottom">
<section class="section pb-0">
<div class="container">
<div class="columns is-centered">
<div class="column is-four-fifths">

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

@ -1,7 +1,7 @@
<template>
<div>
<!-- Search field + recent searches -->
<section class="section fd-remove-padding-bottom">
<section class="section pb-0">
<div class="container">
<div class="columns is-centered">
<div class="column is-four-fifths">