Spotify/top-lists
0
0
Fork 0
Code Issues Activity

Add border support to the two card types

Browse source
This commit is contained in:
Oliver-Akins 2020-10-30 23:45:17 -06:00
parent 4946d08165
commit 23a38dfc4f
2 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/cards/Artist.vue
View file

@ -76,13 +76,15 @@ export default {
<style scoped> <style scoped>
.card { .card {
border-color: var(--card-border-colour);
border-style: var(--card-border-style);
border-width: var(--card-border-width);
border-radius: var(--corner-rounding); border-radius: var(--corner-rounding);
background-color: var(--card-colour); background-color: var(--card-colour);
padding: 10px 10px 1.75em; padding: 10px 10px 1.75em;
color: var(--card-text); color: var(--card-text);
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
border-style: none;
position: relative; position: relative;
margin: 5px auto; margin: 5px auto;
display: flex; display: flex;

4
src/components/cards/Track.vue
View file

@ -138,12 +138,14 @@ export default {
<style scoped> <style scoped>
.card { .card {
border-color: var(--card-border-colour);
border-style: var(--card-border-style);
border-width: var(--card-border-width);
border-radius: var(--corner-rounding); border-radius: var(--corner-rounding);
background-color: var(--card-colour); background-color: var(--card-colour);
color: var(--card-text); color: var(--card-text);
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
border-style: none;
position: relative; position: relative;
margin: 5px auto; margin: 5px auto;
display: flex; display: flex;