fix(style): Remove classes that were overriding new Artist Card styles
This commit is contained in:
parent
b2deead0ab
commit
f9e564fc9b
|
@ -26,7 +26,7 @@ const image = artist.cover
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
/front/src/components/artist/Card.vue
|
<span style="position:absolute; font-size:.7em">/front/src/components/artist/Card.vue</span>
|
||||||
<fw-card
|
<fw-card
|
||||||
:title="artist.name"
|
:title="artist.name"
|
||||||
:image="image"
|
:image="image"
|
||||||
|
|
|
@ -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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -227,7 +227,7 @@ const paginateOptions = computed(() => sortedUniq([12, 30, 50, paginateBy.value]
|
||||||
<div class="ui hidden divider" />
|
<div class="ui hidden divider" />
|
||||||
<div
|
<div
|
||||||
v-if="result && result.results.length > 0"
|
v-if="result && result.results.length > 0"
|
||||||
class="ui five app-cards cards"
|
style = "display:flex; flex-wrap:wrap; gap: 32px;"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
v-if="isLoading"
|
v-if="isLoading"
|
||||||
|
|
Loading…
Reference in New Issue