FitTrackee/fittrackee_client/src/components/BikePic.vue
2021-11-03 18:26:48 +01:00

35 lines
566 B
Vue

<template>
<div id="about">
<img class="bike-img" v-bind:src="bike_image_url" alt="mountain bike" />
</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
name: 'About',
setup() {
return {
bike_image_url: './img/bike.svg',
}
},
})
</script>
<style scoped lang="scss">
@import '~@/scss/base';
#about {
display: flex;
justify-content: center;
padding: $default-padding;
height: 100%;
.bike-img {
max-width: 40%;
}
}
</style>