jean/airsonic-refix
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix volume icon size

Browse Source
This commit is contained in:
Thomas Amland 2021-01-30 13:18:04 +01:00
parent c7c89a306a
commit da2a5333fe
2 changed files with 10 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/player/Player.vue
View File

@ -48,14 +48,11 @@
<div class="col-auto col-sm p-0"> <div class="col-auto col-sm p-0">
<div class="d-flex flex-nowrap justify-content-end pr-3"> <div class="d-flex flex-nowrap justify-content-end pr-3">
<div class="m-0 d-none d-sm-inline-flex align-items-center pr-3"> <div class="m-0 d-none d-sm-inline-flex align-items-center pr-3">
<b-button variant="link">
<Icon class="volume-icon" icon="volume-up-fill" /> <Icon class="volume-icon" icon="volume-up-fill" />
<b-form-input </b-button>
:value="volume" <b-form-input type="range" min="0" max="1" step="0.05"
type="range" :value="volume" @input="setVolume" />
min="0"
max="1"
step="0.05"
@input="setVolume" />
</div> </div>
<b-button variant="link" <b-button variant="link"
class="m-0 d-none d-sm-inline-block " class="m-0 d-none d-sm-inline-block "
@ -116,6 +113,10 @@
height: auto; height: auto;
max-height: 100px; max-height: 100px;
} }
.b-icon {
display: flex;
align-items: center;
}
</style> </style>
<script lang="ts"> <script lang="ts">
import Vue from 'vue' import Vue from 'vue'

5
src/style/main.scss
View File

@ -66,11 +66,6 @@ h1, h2, h3, h4, h5 {
box-shadow: none !important; box-shadow: none !important;
} }
.volume-icon {
font-size: 2.25rem;
padding: 0.375rem;
}
@import './nav'; @import './nav';
@import './table'; @import './table';