MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

refactor(Ui): Move style into component

This commit is contained in:
upsiflu 2024-11-06 10:35:36 +01:00
parent a9b60cc928
commit 2ea919cd81
2 changed files with 31 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
front/src/components/artist/Card.vue
View File

@ -42,3 +42,34 @@ const image = artist.cover
</template> </template>
</fw-card> </fw-card>
</template> </template>
<style scoped>
.funkwhale {
&.card.artist-card {
--fw-border-radius: 12px;
--fw-card-width: 208px;
--fw-card-image-width: calc(var(--fw-card-width) - 16px);
--fw-card-padding: 16px;
> .card-image {
border-radius: 50% !important;
width: var(--fw-card-image-width);
margin: calc(-1 * var(--fw-card-padding) + 8px) calc(-1 * var(--fw-card-padding) + 8px) 0;
}
.play-button {
top: calc(var(--fw-card-width) - 44px - 8px) !important;
}
> .card-title {
font-size: 1rem;
text-align: left !important;
}
> .card-content {
padding-top: 6px !important;
text-align: left !important;
}
}
}
</style>

28
front/src/components/artist/style.scss
View File

@ -1,28 +0,0 @@
.funkwhale {
&.card.artist-card {
--fw-border-radius: 12px;
--fw-card-width: 208px;
--fw-card-image-width: calc(var(--fw-card-width) - 16px);
--fw-card-padding: 16px;
> .card-image {
border-radius: 50% !important;
width: var(--fw-card-image-width);
margin: calc(-1 * var(--fw-card-padding) + 8px) calc(-1 * var(--fw-card-padding) + 8px) 0;
}
.play-button {
top: calc(var(--fw-card-width) - 44px - 8px) !important;
}
> .card-title {
font-size: 1rem;
text-align: left !important;
}
> .card-content {
padding-top: 6px !important;
text-align: left !important;
}
}
}