Skip to content

Commit 9eb0d24

Browse files
resize demo icon
1 parent b48477e commit 9eb0d24

File tree

2 files changed

+5
-18
lines changed

2 files changed

+5
-18
lines changed

src/App.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -112,7 +112,7 @@ export default {
112112
},
113113
data () {
114114
return {
115-
size: '50px'
115+
size: '40px'
116116
}
117117
}
118118
}

src/components/Gauge.vue

Lines changed: 4 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,14 @@
11
<template>
2-
<div v-bind:style="styles" class="spinner spinner--gauge"></div>
2+
<div class="spinner spinner--gauge"></div>
33
</template>
44
<script>
5-
export default {
6-
props: {
7-
size: {
8-
default: '60px'
9-
}
10-
},
11-
computed: {
12-
styles () {
13-
let size = parseInt(this.size)
14-
return {
15-
width: this.size,
16-
height: size / 2 + 'px'
17-
}
18-
}
19-
}
20-
}
5+
export default {}
216
</script>
227
<style lang="scss" scoped>
238
/* hides this rule from IE9 and below */
249
.spinner {
10+
width: 60px;
11+
height: 30px;
2512
background: #6ca;
2613
-moz-border-radius-topleft: 32px;
2714
-webkit-border-top-left-radius: 32px;

0 commit comments

Comments
 (0)