blob: 3139a6c3feb756e5da4d8c7a218a4a660790f569 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
<template>
<div>
<router-link :to="to">
<svg
xmlns="http://www.w3.org/2000/svg" id="back"
height="24px" width="24px"
viewBox="0 0 24 24" fill="#ffffff">
<path d="M0 0h24v24H0z" fill="none" />
<path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" />
</svg>
</router-link>
</div>
</template>
<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
name: "BaseBackButton",
props: {
to: {
type: String,
required: true
}
}
});
</script>
<style lang="scss" scoped>
@use "../scss/colors";
#back:hover {
fill: colors.$primary-light;
}
</style>
|
