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

Update the icon to use the properly cased prop

Browse source
This commit is contained in:
Oliver-Akins 2020-08-22 00:03:17 -06:00
parent 45342f76e3
commit 861947620e
1 changed files with 20 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

40
src/components/Icon.vue
View file

@ -2,15 +2,15 @@
<div id="icon" :style="div_styles"> <div id="icon" :style="div_styles">
<span v-if="type === 'notes'" :style="span_styles"> <span v-if="type === 'notes'" :style="span_styles">
<svg <svg
:width="inner_size" :width="innerSize"
:height="inner_size" :height="innerSize"
viewBox="0 0 24 24" viewBox="0 0 24 24"
fill="none" fill="none"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
> >
<rect <rect
:width="inner_size" :width="innerSize"
:height="inner_size" :height="innerSize"
fill="none" fill="none"
rx="0" rx="0"
ry="0" ry="0"
@ -25,15 +25,15 @@
</span> </span>
<span v-else-if="type === 'note_filled'" :style="span_styles"> <span v-else-if="type === 'note_filled'" :style="span_styles">
<svg <svg
:width="inner_size" :width="innerSize"
:height="inner_size" :height="innerSize"
viewBox="0 0 24 24" viewBox="0 0 24 24"
fill="none" fill="none"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
> >
<rect <rect
:width="inner_size" :width="innerSize"
:height="inner_size" :height="innerSize"
fill="none" fill="none"
rx="0" rx="0"
ry="0" ry="0"
@ -48,12 +48,12 @@
</span> </span>
<span v-else-if="type === 'palette'" :style="span_styles"> <span v-else-if="type === 'palette'" :style="span_styles">
<svg <svg
:width="inner_size" :width="innerSize"
:height="inner_size" :height="innerSize"
> >
<rect <rect
:width="inner_size" :width="innerSize"
:height="inner_size" :height="innerSize"
fill="none" fill="none"
rx="0" rx="0"
ry="0" ry="0"
@ -68,15 +68,15 @@
</span> </span>
<span v-else-if="type === 'info'" :style="span_styles"> <span v-else-if="type === 'info'" :style="span_styles">
<svg <svg
:width="inner_size" :width="innerSize"
:height="inner_size" :height="innerSize"
viewBox="0 0 24 24" viewBox="0 0 24 24"
fill="none" fill="none"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
> >
<rect <rect
:width="inner_size" :width="innerSize"
:height="inner_size" :height="innerSize"
fill="none" fill="none"
rx="0" rx="0"
ry="0" ry="0"
@ -114,7 +114,7 @@ export default {
default: 25, default: 25,
required: false, required: false,
}, },
inner_size: { innerSize: {
type: Number, type: Number,
default: null, default: null,
required: false, required: false,
@ -140,10 +140,10 @@ export default {
}}, }},
computed: { computed: {
span_styles() { span_styles() {
if (this.inner_size) { if (this.innerSize) {
return { return {
"width": `${this.inner_size}px`, "width": `${this.innerSize}px`,
"height": `${this.inner_size}px`, "height": `${this.innerSize}px`,
} }
} }
let x = Math.floor(this.size * 0.6); let x = Math.floor(this.size * 0.6);