girineko/YesPlayMusic
1
0
Fork 0
mirror of https://github.com/GiriNeko/YesPlayMusic.git synced 2025-12-18 06:07:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: apply new layout for some special playlists

Browse source
This commit is contained in:
qier222 2020-11-16 23:45:41 +08:00
parent 6a47e0cb40
commit 379ff6ac64
4 changed files with 334 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/components/ButtonTwoTone.vue
View file

@ -29,6 +29,14 @@ export default {
type: String,
default: "blue",
},
backgroundColor: {
type: String,
default: "",
},
textColor: {
type: String,
default: "",
},
shape: {
type: String,
default: "square",
@ -36,12 +44,16 @@ export default {
},
computed: {
buttonStyle() {
return {
let styles = {
borderRadius: this.shape === "round" ? "50%" : "8px",
padding: `8px ${this.horizontalPadding}px`,
// height: "38px",
width: this.shape === "round" ? "38px" : "auto",
};
if (this.backgroundColor !== "")
styles.backgroundColor = this.backgroundColor;
if (this.textColor !== "") styles.color = this.textColor;
return styles;
},
},
};
@ -74,7 +86,8 @@ button {
}
button.grey {
background-color: var(--color-secondary-bg);
color: var(--color-secondary);
color: var(--color-text);
opacity: 0.78;
}
button.transparent {
background-color: transparent;