okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

changes to md-btn-primary, md-select

Browse source
This commit is contained in:
booploops 2022-01-28 02:14:57 -08:00
parent 305da8ea08
commit cd61465930
2 changed files with 10 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/renderer/style.less
View file

@ -2139,7 +2139,7 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
} }
.md-btn { .md-btn {
background: rgba(100, 100, 100, 0.5); background: rgb(100 100 100 / 25%);
padding: 8px 14px; padding: 8px 14px;
border-radius: 6px; border-radius: 6px;
font-size: 14px; font-size: 14px;
@ -2161,8 +2161,10 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
} }
&.md-btn-primary { &.md-btn-primary {
background: var(--keyColor); background: rgb(255 43 82 / 50%);
color: white; color: white;
border: 1px solid rgb(220 53 69 / 25%);
border-top: 1px solid rgb(220 53 69 / 50%);
} }
&:hover { &:hover {
@ -2230,11 +2232,11 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
padding: 6px; padding: 6px;
border-radius: 6px; border-radius: 6px;
border: 1px solid rgba(200, 200, 200, 0.1); border: 1px solid rgba(200, 200, 200, 0.1);
border-top: 1px solid rgba(100, 100, 100, 0.5);
font-family: inherit; font-family: inherit;
font-size: 14px; font-size: 14px;
background: rgba(100, 100, 100, 0.25); background: rgba(100, 100, 100, 0.25);
color: #c8c8c8; color: #eee;
font-weight: 500;
option { option {
font-size: 1em; font-size: 1em;

8
src/renderer/views/pages/cider-playlist.ejs
View file

@ -62,11 +62,11 @@
</div> </div>
</template> </template>
<div class="playlist-controls" v-observe-visibility="{callback: isHeaderVisible}"> <div class="playlist-controls" v-observe-visibility="{callback: isHeaderVisible}">
<button class="md-btn md-btn-icon" style="min-width: 100px;" <button class="md-btn md-btn-primary md-btn-icon" style="min-width: 100px;"
@click="app.mk.shuffleMode = 0; play()"> <img class="md-ico-play"> @click="app.mk.shuffleMode = 0; play()"> <img class="md-ico-play">
{{app.getLz('term.play')}} {{app.getLz('term.play')}}
</button> </button>
<button class="md-btn md-btn-icon" style="min-width: 100px;" <button class="md-btn md-btn-primary md-btn-icon" style="min-width: 100px;"
@click="app.mk.shuffleMode = 1;play()"> <img class="md-ico-shuffle"> @click="app.mk.shuffleMode = 1;play()"> <img class="md-ico-shuffle">
{{app.getLz('term.shuffle')}} {{app.getLz('term.shuffle')}}
</button> </button>
@ -98,11 +98,11 @@
</div> </div>
<div class="col-auto flex-center"> <div class="col-auto flex-center">
<div> <div>
<button class="md-btn md-btn-icon" style="min-width: 100px;" <button class="md-btnmd-btn-primary md-btn-icon" style="min-width: 100px;"
@click="app.mk.shuffleMode = 0; play()"> <img class="md-ico-play"> @click="app.mk.shuffleMode = 0; play()"> <img class="md-ico-play">
{{app.getLz('term.play')}} {{app.getLz('term.play')}}
</button> </button>
<button class="md-btn md-btn-icon" style="min-width: 100px;" <button class="md-btnmd-btn-primary md-btn-icon" style="min-width: 100px;"
@click="app.mk.shuffleMode = 1;play()"> <img class="md-ico-shuffle"> @click="app.mk.shuffleMode = 1;play()"> <img class="md-ico-shuffle">
{{app.getLz('term.shuffle')}} {{app.getLz('term.shuffle')}}
</button> </button>